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

大家已经见惯了用CSS3画的图标、LOGO、头像,这次*同学Rei给我们带来了用纯CSS3绘制的日本动漫《轻音少女》女主角秋山澪的动态头像。看到动图我震惊了!!!CSS3的强大再次霸气测漏!

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

示例中用到的主要CSS3特性如下:

border-radius:绘制边框圆角。

transform:主要是旋转(rotate)和偏斜(skew),用于绘制各种形状。

animation:动画效果的实现,例如头发的飘动、眼睛的闪动。

只要掌握了这几个特性,你也能画出同样奇妙的CSS3动画,赶快试试吧!

上一篇:7款纯CSS3实现的炫酷动画应用


下一篇:纯CSS3实现打火机火焰动画