您需要動畫填充模式：轉(zhuǎn)發(fā)才能防止這種情況發(fā)生.

另外,您需要以1的不透明度結(jié)束,因此最后一幀必須具有1的不透明度.

您還可以通過刪除0％來縮短關(guān)鍵幀,因為這已經(jīng)在初始狀態(tài)中給出.

@keyframes santaappear {

96% {

opacity:1;

}

100% {

opacity:1;

}

}

您也可以組合96％和100％.

@keyframes santaappear {

96%,100% {

opacity:1;

}

}

|| || || || || || `

哪個是：

animation: santaappear 13s 2s forwards;

-moz-animation: santaappear 13s 2s forwards;

-webkit-animation: santaappear 13s 2s forwards;

在演示中,我為-moz / -webkit添加了供應(yīng)商前綴.除了這些,你應(yīng)該有一個沒有前綴的書面.關(guān)鍵幀也是如此.

總結(jié)

以上是生活随笔為你收集整理的html怎么让动画最后消失了,css3 – 不能停止css动画在最后一个关键帧后消失的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。