分享一个网站飘落雪花样式

发表于2025-05-01|更新于2025-05-01

|总字数:174|阅读时长:1分钟

分享一个网站飘落雪花样式，效果如本页面所示，可和鼠标手指等有简单躲避互动

使用方法：

在页面head或body里插入这三行即可

1
2
3

<div><canvas id="snow" style="position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;pointer-events:none"></canvas></div>
<script>const notMobile = (!(navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)));</script>
<script async type="text/javascript" src="https://cdn.jsdelivr.net/gh/Candinya/Kratos-Rebirth@latest/source/js/snow.min.js"></script>

文章作者: 天影大侠

文章链接: https://blog.skyshadow.fun/2025/fen-xiang-yi-ge-wang-zhan-piao-luo-xue-hua-yang-shi/

版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源天影大侠的小站！

html js 分享 css

相关推荐

使用typed.js来给你的网页添加打字效果吧

使用typed.js来给你的网页添加打字效果吧typed.js官网看这JavaScript Animated Typing with Typed.js | by Matt Boldt 先看看效果: 右侧公告栏也是同样的方法使用指北：先在head或body里引入js 1<script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script> 然后再创建一个自己的js文件，输入以下代码 123var typed = new Typed('#hello-world', { strings: ['Hello World!']}); 在引入typed.js的cdn后面引入你的js文件再在html里输入 1<span...

给你的网站添加个页面加载进度条

大家好无意中发现了一个能制作自动页面加载进度条的网页测试了一下，效果不错发来给大家试试网站在这：https://codebyzach.github.io/pace/进入后会有一个既炫酷又平平无奇的加载动画向下翻可以看到预设的一些加载动画先选择颜色，再选择样式样式随便选一个，就loading bar吧点击DOWNLOAD然后将它放在你的网站上，我就放在https://skyshadowhero.github.io/css/loading-bar.css里的然后复制网站中Get Start里中间的的代码，并将红色方框里的路径改为你所放的css文件路径然后将编辑好的代码放进html文件里的标签前即可如果使用的Hexo+Butterfly搭建博客的话可以直接将此两行代码放在_config.butterfly.yml里的相关位置在bash中输入hexo g -d后进入网页，你的页面加载进度条就出现了效果如下图：

在你的html或文章里运行python

前言这里是2025年的天影大侠，这不知道从哪找的个东西，都忘了自己弄过这个。问候大家好发文章的时候总是只能发代码，不能运行现在发现了一个东西，可以在你的文章中直接运行python 它就是pyscript，来看看吧 [官方文档](PyScript — PyScript documentation)在这<– 第一步想要在你的文章中运行python代码，请先在前引入pyscript的css和js 12<link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" /><script defer src="https://pyscript.net/latest/pyscript.js"></script> 第二步在你的文章body里添加，并在标签前插入你的python代码比如 123<py-script> print('Hello...

评论

数据加载中