以前看到一篇博客,使用python繪製出了小豬佩奇,因此本身想試一試,採用純html + CSS繪製出低配版的小豬佩奇。css
使用上一篇,圓與邊框實現。最後是一個組合圖形,初學者均可以完成,可嘗試。html
一、低配版的小豬太圓潤,後面會對總體圖形進行修改。
二、在佈局上,沒有堅持div嵌套,致使縮放時位置錯位,若是想實行縮放一致,可採用小豬的頭部嵌套佈局實現。
三、途中可看到小豬沒有穿鞋子。python
一、給小豬穿上鞋子。
二、加上小豬行走動畫。
三、加上小豬手擺動畫。css3
想法很重要,可是有想法就去完成,無關事的大小,都會努力去完成。
tips:這段時間忙完以後,將會繼續天天的CSSgithub