用css3实现 时钟动画,背景是4张图片,做成时钟效果
效果图:
其中上面包括4张透明图:圆圈(90*90),时(30*30),分(30*30),秒(30*30)
html代码:
<div id="clock" class="clock">
<div id="hours" class="hours trans3600"></div>
<div id="min" class="min trans60"></div>
<div id="sec" class="sec trans1"></div>
</div>
css3:
.clock{
position: absolute;
left: 200px;
top: 150px;
width: 90px;
height: 90px;
background: url(../image/clock.png) no-repeat;
}
.hours{
position: absolute;
top: 21