为自己博客or网页加上鼠标流光背景JS特效
圆弧派博客 - 专注于网络技术

为自己博客or网页加上鼠标流光背景JS特效

青帝
2023-07-02 / 0 评论 / 118 阅读 / 正在检测是否收录...

鼠标特效

鼠标流光背景特效(乱起的名别太在意 表情 ),canvas画布配合JS即可实现,这个版本是我从一个人单页里面抄下来的,顺便优化了一下后将其加入到了本站夜间模式

将特效设为博客夜间模式

1.先在body写入

<canvas id="sbcanvas" class="sbcanvas"></canvas>
<script src="https://www.iarc.top/CDN/js/sbxg.js"></script>

2.更改css属性display为none(日间模式不显示该元素)

.sbcanvas{
    display: none;
   position: fixed;
   top: 0;
   z-index: -9;
}
</style>

3.在joe.mode.css文件夹最下面加入以下代码

html[data-night='night'] .sbcanvas{display:block;}

完成以上操作即可大功告成,快去开启夜间模式试一下吧

评论 (0)

语录
取消