欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

给你的个人博客添加雪花特效

程序员文章站 2022-05-30 23:39:30
...

添加代码

在你的网站的footer元素下添加下列代码

<canvas id="Snow" width="542" height="722"></canvas>

添加css样式

#Snow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(125,137,95,.1);
    pointer-events: none;
}

引入js

插入到上面的canvas 后面即可。
下面的链接为博主gitbub+jsdlivr加速的,你可以自己保存下来,博主不保证某一天会删除:

<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/wangyang-o/[email protected]/js/snow.js"></script>

样式来源于互联网,博主也忘了原链接,侵权删

我的个人博客链接