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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 3655 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

11 条回复 • 2014-12-24 19:11:23 +08:00

Showfom

2014-12-24 14:23:08 +08:00

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

Showfom

2014-12-24 14:23:24 +08:00

Chrome 下没问题

bzw875

2014-12-24 15:01:25 +08:00 via iPhone

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

Cee

2014-12-24 15:02:47 +08:00

Merry X‘mas!

loveuqian

2014-12-24 15:02:47 +08:00

net200

2014-12-24 15:18:40 +08:00

怎么写的呢

kokdemo

2014-12-24 15:25:17 +08:00

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

Exin

2014-12-24 15:27:32 +08:00

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

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

leiliang

2014-12-24 15:28:15 +08:00

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

bzw875

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

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