Zapic
本帖最后由 Zapic 于 2019-12-6 15:50 编辑

12月了,好冷啊...
可是你坛的冬日主题怎么没有雪花(匿名批评小萝莉
果然还是得来些动画雪花.

实现很简单,效果却很好,CSS3万岁!
预览图:


如果只是想体验一下的话就没必要安装油猴了,直接在F12里向body元素内添加以下代码:
从这里复制

如果你很喜欢,可以用油猴插件保持雪花在刷新后仍然生效,脚本也很简单:
从这里复制

P.S:
下落动画可能有点不自然,但是没有关系,我是懒得改的(
雪花数量好像是30个吧...性能消耗不算太高,如果觉得太多可以删掉几个<li style...</li>,如果想增加的话不要直接复制,否则两片雪花会叠在一起.
修改<li style...</li>的style:
left:距离屏幕左侧的位置,避免重叠
animation-delay:动画开始时延,以实现雪花分层落下的效果.

油猴脚本用户notice一下:
后期可能会考虑加入更多效果,可以期待一下的(

顺便NOTICE一下IE9及以下用户:
别想了你IE9根本不支持CSS3 animation趁早换吧

fgtye
不懂f12,求方法(图挂了喂)

爱心魔王FHC
就是有点假……XD

史丹安
这么好玩的嘛

囗il
雪花 ×
头皮屑 √
【我表示想到了魂3里边漫天飘扬的人之脓碎屑……
(云魂3玩家.jpg)
【←只当过不死人的造枪师.jpg】

Zapic


了解一下(

i方舟
完全看不懂emm,太笨了我

Estrus
有点意思啊 想试试看

85302485
粒子效果跳动233

catserver
不是特别好看,还是换成以前的了