我有一个链接,它使用背景颜色运行无限动画。我想在悬停时停止动画并过渡到不同的背景颜色。
.startlink{
background-color:#206a9e;
color:#fff;
border-radius:15px;
font-family: 'Myriad Pro';
-webkit-animation:changeColor 3.4s infinite;
-webkit-transition:all 0.2s ease-in;
}
.startlink:hover{
-webkit-animation-play-state: paused;
background-color: #014a2a;
}
@-webkit-keyframes changeColor
{
0% {background:#206a9e;}
50% {background:#012c4a;}
100% {background:#206a9e;}
}
为什么这段代码不起作用?有没有其他方法可以完成这个任务?(最好不使用JavaScript)。