码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-05-31 20:07:21      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:地址   坚持   技术   实现   data-   博客   lob   ice   完成   

每天一个CSS-社会人

实现效果

技术图片

想法

之前看到一篇博客,使用python绘制出了小猪佩奇,所以自己想试一试,采用纯html + CSS绘制出低配版的小猪佩奇。

实现思路

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

缺点

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

后面的想法

1、给小猪穿上鞋子。
2、加上小猪行走动画。
3、加上小猪手摆动画。

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

代码地地址

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.html

tips:这段时间忙完之后,将会继续每天的CSS

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

标签:地址   坚持   技术   实现   data-   博客   lob   ice   完成   

原文地址:https://www.cnblogs.com/10manongit/p/13020745.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!