CSS3制作时钟案例animation练习

效果展示: 思路: 1.最外层的灰色圆圈是一个div,利用border-radius: 50%;设成圆形。 2.圆圈四周的时刻是六个div经过旋转所得。 3.设一个覆盖层,将中间部分覆盖,便可将矩形变成时刻形状。 4.利用定位和transform,添加时针分针秒针。 5.使针转动,利用动画 animation:zhuan 43200s linear infinite; 大功告成。 代码: <!DO
相关文章
相关标签/搜索