天天坚持一个CSS——社会人

天天一个CSS-社会人

实现效果

想法

以前看到一篇博客,使用python绘制出了小猪佩奇,因此本身想试一试,采用纯html + CSS绘制出低配版的小猪佩奇。css

实现思路

使用上一篇,圆与边框实现。最后是一个组合图形,初学者均可以完成,可尝试。html

缺点

一、低配版的小猪太圆润,后面会对总体图形进行修改。
二、在布局上,没有坚持div嵌套,致使缩放时位置错位,若是想实行缩放一致,可采用小猪的头部嵌套布局实现。
三、途中可看到小猪没有穿鞋子。python

后面的想法

一、给小猪穿上鞋子。
二、加上小猪行走动画。
三、加上小猪手摆动画。css3

想法很重要,可是有想法就去完成,无关事的大小,都会努力去完成。

代码地地址

https://github.com/webfeat/css3-everyday/blob/master/%E6%AF%8F%E5%A4%A9%E4%B8%80%E4%B8%AAcss/%E5%B0%8F%E7%8C%AA%E4%BD%A9%E5%A5%87.htmlgit

tips:这段时间忙完以后,将会继续天天的CSSgithub

相关文章
相关标签/搜索