我試圖在播放動畫一段時間後更改按鈕的顏色。我搜索並發現,它需要改變一個新的框架。這裏是我的CSS:如何在css中播放動畫後更改按鈕顏色
.header-button {
font-size: 12px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .8);
color: #fbd3cc;
text-decoration: none;
font-weight: normal;
height: 30px;
border: 1px solid rgba(255, 255, 255, .4);
border-radius: 3px;
-webkit-border-radius: 3px;
display: inline;
background: #026890;
}
@keyframes fadeIn {
from {
opacity: 0;
}
}
.animate-flicker {
animation: fadeIn 0.5s infinite alternate;
animation-iteration-count: 10;
-moz-animation-name: changecolor;
}
@keyframes changecolor {
{
color: red;
}
}
<button class="header-button animate-flicker">Menue
</button>
有沒有人告訴我,我怎麼能在CSS播放動畫5次
對不起,這並不改變完成動畫後的顏色。 – user565