用纯CSS3绘制萌系漫画人物动态头像

最后更新于:2022-04-01 19:43:22

       大家已经见惯了用CSS3画的图标、LOGO、头像,这次台湾同学[Rei](http://rei.idv.tw/)给我们带来了用纯CSS3绘制的日本动漫《轻音少女》女主角秋山澪的动态头像。CSS3的强大再次霸气测漏!         请点击[Demo](https://developer.mozilla.org/en-US/demos/detail/pure-css3-design-akiyama-mio/launch)查看效果,示例支持Chrome、Firefox、Opera、Safari等全系列的现代浏览器。        ![](https://docs.gechiui.com/gc-content/uploads/sites/kancloud/2016-08-09_57a9a2dd8914b.gif)         示例中用到的主要CSS3特性如下:        ***border-radius***:绘制边框圆角。        ***transform***:主要是旋转(rotate)和偏斜(skew),用于绘制各种形状。        ***animation***:动画效果的实现,例如头发的飘动、眼睛的闪动。         只要掌握了这几个特性,你也能画出同样奇妙的CSS3动画,赶快试试吧!        相关链接:《[用纯CSS3实现QQ Logo](http://blog.csdn.net/hfahe/article/details/6187844)》
';