css3动画:执行前不显示,执行后显示

今天做一个轮播,轮播图上使用animation。需求是当滚动到当前图片时,图片中的div从无到有逐渐显示,

遇到的问题是:页面刷新时,此图片上的div可以从无到有,但第二次滚动到此图片时,总是先显示一下div,然后再执行动画

网上查的方法:

1.使用animation-fill-mode,失败

2.animationStart、animationIteration、animationEnd,失败

最后解决思路是:

每次轮播到此图片时,总是已经显示了图片中的div,索性,当轮播滚动到其他位置时,将其设为display:none; 滚动回来时,设为display:block;终于解决了

原文地址:https://www.cnblogs.com/duanzhenzhen/p/10485178.html