登录

css3 - 关于CSS的animation

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

# CSS3
高洛峰高洛峰2191 天前548 次浏览

全部回复(2) 我要回复

  • 迷茫

    迷茫2017-04-17 11:07:08

    animation-fill-mode: forwards

    回复
    0
  • ringa_lee

    ringa_lee2017-04-17 11:07:08

    用Transition

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

    然后js控制css

    element.style.opacity = 1;
    

    回复
    0
  • 取消回复发送