我有一个与css3动画相关的问题,让我想制作一个淡入动画,所以我从不透明度动画:0到不透明度:1;所以我的主要状态是不透明度0,而100%是不透明度1.
所以问题是,达到100%之后;不透明度状态返回0,我希望它出现并停留,因此在动画完成后不透明度保持为1。我怎么能实现这个目标呢?
检查我的代码:http://cdpn.io/qjKDlc
最诚挚的问候!
答案 0 :(得分:0)
使用animation-fill-mode
,其值为forwards
:
如果'animation-fill-mode'的值为'转发',则动画将应用动画最后一次迭代后在其上一个执行关键帧中定义的属性值,直到移除动画样式。最后一个执行关键帧是'to'或'100%'关键帧,除非动画的'animation-direction'设置为'alternate'并且有限和偶数迭代计数,在这种情况下它是'from'或'' 0%'关键帧。
答案 1 :(得分:0)
我使用这个属性得到了答案:
animation-fill-mode: forwards;
它还接受其他参数,如[前锋,后退,两者,无]