下图为纯HTML+CSS绘制。
图：
其中云、风车、尾巴是动态的；
以下是代码：
飞翔的哆啦A梦
CSS3非常强大，基本只要时间充足，UI设计的图片大都可以使用CSS样式来实现；
三处animation动画均用到了无限循环属性值：infinite；
云层移动达到无缝衔接的原理是：拷贝了一份云层在左侧，共两份云层（共6朵）；
风车的立体转动是利用了CSS3的3D效果：transform: preverse-3d; 然后再围绕Z轴立体旋转风车，具体请看以上源码。
也就是说在父元素设置transform: preverse-3d;即代表这个DIV是3D状态，其子元素transform的rotate,scale,skew,translate均增加了Z轴的值；如：rotateZ(45deg)表示围绕Z轴旋转45度；
详见W3C→ http://www.w3school.com.cn/css3/css3_3dtransform.asp