1. 程式人生 > >動畫-吃糖豆

動畫-吃糖豆

動畫-吃糖豆-怪獸:

怪獸
第一步:
1.清除樣式:list-style: none;
2.畫一個圓,設定相對定位和溢位裁剪:position: relative;overflow: hidden;
程式碼如下:
怪獸的頭
第二步:
畫怪獸的臉
1.在大圓內畫三個長方形,如圖:模型
2.給上下兩個長方形設定動畫:
動畫
第三步:
給怪獸安牙齒
1.定義列表:
列表
2.給列表新增樣式:
樣式

完成!