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;