纯css做的安卓开机动画

随着css3的发展，越来越多的负责绚丽的效果可以由纯css来完成了。用css3实现的动画效果丝毫不必js实现的逊色，而且浏览器对css渲染的速度远比js快，大多数时候css的体积也不js小。其中css3中的动画效果可以实现流畅而强大的动画效果，下面我们来看看css3的能量吧。下面介绍一个博主完成的纯css3实现的仿安卓开机动画，可爱的安卓机器人。效果图：


下面给大家提供一个demo可下载地址，先睹为快吧。下载地址查看demo老版本的不兼容safari浏览器，下面是修改后的版本，safari下测试正常。经测试，发现safari下没有效果的原因是，safari不支持伪元素after,before的动画效果，用div替换伪元素后safari下运行正常。下载地址查看demo