css3 雪花飘落动画，祝大家平安夜快乐

Can I use?

Less

Cool Libraries

› Jetstrap

This topic created in 4186 days ago, the information mentioned may be changed or developed.

没有使用图片和javaScript，只用了css3 keyframes和animation，雪花用字符❄
demo:
http://1.bzw875.sinaapp.com/

github:
https://github.com/bzw875/css3-Snowflake

11 replies • 2014-12-24 19:11:23 +08:00

Showfom

PRO

Dec 24, 2014

咦我怎么没看到雪花？浏览器 Firefox 34.0.5

Showfom

PRO

Dec 24, 2014

Chrome 下没问题

bzw875

Dec 24, 2014 via iPhone

@Showfom 太懒了，只写了-webkit-的浏览器前缀

Cee

Dec 24, 2014

Merry X‘mas!

loveuqian

Dec 24, 2014

net200

Dec 24, 2014

怎么写的呢

kokdemo

Dec 24, 2014

@bzw875 所有雪花的角度都是一样的喂……

Exin

Dec 24, 2014

#希望能做出更加复杂、自然的雪花

##希望能做出能堆积到页面按钮、输入框上的雪花

leiliang

Dec 24, 2014

提几个简易哈：
1.雪花大小随机；
2.雪花路线随机；
3.背景可以改成类似黑夜的背景，加点物品，比如雪人之类的

bzw875

Dec 24, 2014

@kokdemo
@Exin
@leiliang 我是在segmentfault.com看到有雪花动画就跟着做了一个，你们提的这些就要用到js了，有空做一下吧。