CSS3製作時鐘案例animation練習

效果展示: 思路: 1.最外層的灰色圓圈是一個div,利用border-radius: 50%;設成圓形。 2.圓圈四周的時刻是六個div經過旋轉所得。 3.設一個覆蓋層,將中間部分覆蓋,便可將矩形變成時刻形狀。 4.利用定位和transform,添加時針分針秒針。 5.使針轉動,利用動畫 animation:zhuan 43200s linear infinite; 大功告成。 代碼: <!DO
相關文章
相關標籤/搜索