css3 - 关于CSS的animation

Question

比如我一个p。一开始opacity：0；然后animation的delay是5秒，5秒后p的动画是opacity是1，可是这个动画执行完后p的opacity又变成0了，请问如何让他在animation后变成1就不再变为0透明了

Answer 1

animation-fill-mode: forwards

Answer 2

用Transition

{
    opacity：0;
    transition: opacity 5s;
    -webkit-transition: opacity 5s;
}

然后js控制css

element.style.opacity = 1;