今天学习的动画,用动画就可以设计出很多好看的效果,例如用css动画实现一个钟表的效果,鼠标悬停上去,指针开始移动;
.clock {
width: 284px;
height: 284px;
border-radius: 50%;
background: url(img/clock.png) no-repeat;
position: relative;
}
.clock::before {
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
background: black;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.clock::after {
content: "";
width: 2px;
height: 30%;
background: black;
position: absolute;
top: 20%;
left