html怎么让动画最后消失了,css3 – 不能停止css动画在最后一个关键帧后消失

您需要动画填充模式：转发才能防止这种情况发生.

另外,您需要以1的不透明度结束,因此最后一帧必须具有1的不透明度.

您还可以通过删除0％来缩短关键帧,因为这已经在初始状态中给出.

@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添加了供应商前缀.除了这些,你应该有一个没有前缀的书面.关键帧也是如此.