一言不合敲代码（1）——DIV+CSS3制作哆啦A梦头像

先展示一下我的头像吧。

作为一个前端ER，我的头像当然不能是绘画工具画出来的。没错，这个玩意是由HTML+CSS代码实现的，过年的某一天晚上无聊花了一个小时敲出来的。来看看它原本的样子：

为什么会变成第一张图的样子呢。那个呆萌的线条猫其实是IE的杰作。

下面贴出源码：

当中主要用到了CSS3的渐变、旋转、圆角等特性，进行绘图的。  然而完全只考虑了火狐的效果，完全未考虑兼容问题，于是才有了各种各样的猫：

这是火狐猫

这是IE11猫

IE9猫~

IE8猫~

IE7猫~

代码未经优化，可能在方法上会有冗余~

用简单的代码画一些简笔形象，相信还是很有乐趣的。有空的时候大家也可以尝试一下。~~

转载于:https://www.cnblogs.com/zhuwq585/p/5965056.html