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

link之家

链接快照平台

相关文章推荐

欢乐的甜瓜 · 中国社会学会口述与社会记忆专业委员会成立大会 ...· 4 月前 ·

怕考试的打火机 · 純真卻孤單的藝術魂：《路易斯韋恩的迷幻貓世界 ...· 5 月前 ·

不拘小节的咖啡豆 · 9人寬敞出遊福特旅行家空間篇-8891汽車· 6 月前 ·

jackiszing · 快捷键速查表· 9 月前 ·

求醉的斑马 · Intel ...· 1 年前 ·

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

demo如下：

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

操作如下：

推荐文章

欢乐的甜瓜 · 中国社会学会口述与社会记忆专业委员会成立大会暨2025年学术年会顺利召开-南京大学

4 月前

怕考试的打火机 · 純真卻孤單的藝術魂：《路易斯韋恩的迷幻貓世界》 - 美紙

5 月前

不拘小节的咖啡豆 · 9人寬敞出遊福特旅行家空間篇-8891汽車

6 月前

jackiszing · 快捷键速查表

9 月前

求醉的斑马 · Intel VAAPI/QSV/oneVPL区别简介-CSDN博客

1 年前