部落格園如何新增好看的js動畫效果
阿新 • • 發佈:2021-06-17
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