1. 程式人生 > 其它 >部落格園如何新增好看的js動畫效果

部落格園如何新增好看的js動畫效果

1.在後臺中進入設定頁面

2.開通js許可權,一般很快就會同意的,我這已經開通了的效果

3.新增css給小可愛去邊框

#live2dcanvas {
border: none !important;
}

  

4.新增關鍵的js程式碼,一個是櫻花效果,一個是小可愛。

<script type="text/javascript" charset="utf-8" async="" src="https://cdn.jsdelivr.net/npm/[email protected]/lib/L2Dwidget.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/yremp/[email protected]/sakura.js"></script>
<!-- 右下角live2d效果 -->
<script type="text/javascript">
setTimeout(() => {
        L2Dwidget.init({
                "model": {
                        "scale": 0.5
                },
                "display": {
                        "position": "left",
                        "width": 90,
                        
"height": 130, "hOffset": 0, "vOffset": -20 }, "mobile": { "show": true, "scale": 0.5 }, "react": { "opacityDefault": 0.7,
"opacityOnHover": 0.2 } }); }, 1000) </script>

請忽略我的css