博客园如何添加好看的js动画效果
1.在后台中进⼊设置页⾯
2.开通js权限，⼀般很快就会同意的，我这已经开通了的效果
3.添加css给⼩可爱去边框
#live2dcanvas {
border: none !important;
}
canvas动画
4.添加关键的js代码，⼀个是樱花效果，⼀个是⼩可爱。
<script type="text/javascript" charset="utf-8" async="" src="cdn.jsdelivr/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script> <script src="cdn.jsdelivr/gh/yremp/yremp-js@1.5/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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。