本文介绍了使用CSS3创建一个时钟的步骤和思路，包括设置圆形背景、绘制时刻、制作时针、分针和秒针，并通过CSS3动画实现指针转动。详细代码展示完成整个时钟案例。
效果展示：
思路：
1.最外层的灰色圆圈是一个div，利用border-radius: 50%;设成圆形。
2.圆圈四周的时刻是六个div经过旋转所得。
3.设一个覆盖层，将中间部分覆盖，便可将矩形变成时刻形状。
4.利用定位和transform,添加时针分针秒针。
5.使针转动，利用动画
animation:zhuan 43200s linear infinite;
大功告成。
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8
最低0.47元/天 解锁文章
扫一扫
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
