CSS

使用animation实现卡片翻转动效‌，效果如下（iPhone转的gif有卡顿，实际效果流畅）： 先上全部代码，再在最后给出代码解析，分步说明实现原理。 html less（此代码less版本为4.

使用CSS3的clip-path实现不规则图形裁剪，结合CSS3 animation实现粒子下落动画效果，如下： html: 创建不规则容器及下落的粒子节点； style: 1、此demo使用less

大屏项目中，一般需要在不同分辨率上显示居中显示大屏内容，且不出现滚动条。实际展示大屏的硬件设备比例不一，为了兼容，并且不出现UI被拉伸的情况，发现可以使用CSS3的transfrom-scale属性，