html怎么设置动画保持,html – 动画后如何保持样式？

当我申请下一次学习时，我正在组建一个组合。

自从我们生活在2012年以来，它有大量的幻想动画和CSS3垃圾，只是给他们“我们需要这个人”的感觉。我现在有一点问题。

这是一个特定元素的一小部分：

/* This is the CSS of the elements with the id called 'fadein' */

#fadein {

-moz-animation-duration: 2s;

-moz-animation-name: item;

-moz-animation-delay: 4.5s;

-webkit-animation-duration: 5s;

-webkit-animation-name: item;

-webkit-animation-delay: 4.5s;

opacity:0;

-webkit-opacity:0;

}

@-webkit-keyframes item {

from {

-webkit-opacity: 0;

}

to {

-webkit-opacity: 1;

}

}

请注意，我省略了Firefox关键帧，因为它们完全相同。

对，丑化格式的CSS，使ID’fadein’的元素渐渐消失。

问题是，动画完成后元素会再次消失。

这会使丑化的Css变成不可用的Css。

有没有人知道如何在动画之后保持变化的风格？

我猜这个问题以前已经被问过了，如果是这样，我很抱歉。