CSS-@keyframes动画轮播首次加载闪动问题

相关文章推荐

打酱油的香蕉 · 穿越千年的中国之旅--国际--人民网· 5 月前 ·

踢足球的刺猬 · 年内23名中管干部被查丨时政周报 | 南方周末· 8 月前 ·

爱笑的草稿本 · 《巨齿鲨2》全球票房超过2.5亿美元 ...· 1 年前 ·

飘逸的企鹅 · Neu!_百度百科· 1 年前 ·

天涯 · 12. ...· 4 年前 ·

问题描述：
在用CSS3-@keyframes做背景图轮播效果的时候，出现首次轮播，加载完每一张背景图之后，会闪动一下再继续加载下一张背景图，之后循环正常的现象。

demo如下：

这是因为css3-@keyframes首次加载图片时需要加载每一张图片，加载需要时间就会出现短暂闪动的情况，之后循环正常。这时只要提前预先加载完本次所需的图片，就不会出现短暂空白了。

操作如下：

推荐文章

打酱油的香蕉 · 穿越千年的中国之旅--国际--人民网

5 月前

踢足球的刺猬 · 年内23名中管干部被查丨时政周报 | 南方周末

8 月前

1 年前

飘逸的企鹅 · Neu!_百度百科

1 年前

天涯 · 12. json.loads转换时单引号和u的替换 - Shirley_奋进中的虾米 - 简书

4 年前