欢迎光临
我们一直在努力

给网站添加 网页看板娘 效果 给网页添加一个可爱的小萝莉

今天遇到了点小问题,上百度搜问题,无意中看到了这个效果,就找了下,给大家分享一下。

效果如下图

三岁半资源

鼠标进入网页,小萝莉会根据鼠标位置而发生变化,此效果是canvas来实现的

原项目https://github.com/EYHN/hexo-helper-live2d

需要给自己网站添加,复制下方代码即可。

小萝莉可能会遮挡网页,但是不会影响网站的点击事件,放心大胆的加

CSS(我自己给萝莉添加了点透明度,可要可不要)

#live2dcanvas{opacity: .8;}


JavaScript

    L2Dwidget.init({"display": {        "superSample": 2,        "width": 200,        "height": 400,        "position": "right",        "hOffset": 0,        "vOffset": 0          }     });


复制上放JS,粘贴到你网站支持js的地方即可

外部JS我引入的是我的cdn,当然您可下载下来自己引入

JS单个文件底部附件下载

给网页添加一个可爱的小萝莉

下载地址
https://www.lanzous.com/i6ukroh

未经允许不得转载:14氪资源网 » 给网站添加 网页看板娘 效果 给网页添加一个可爱的小萝莉

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

© 2020 14氪资源网   网站地图