天天堅持一個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

相關文章
相關標籤/搜索