css3 - 关于CSS的animation

问题描述

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

问题解答

animation-fill-mode: forwards

用Transition

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

然后js控制css

element.style.opacity = 1;