html背景图片循环自动播放,CSS3 背景图循环播放

代码如下，我想让五张图片依次播完之后然后循环播放，这个怎么实现啊，求助大佬，谢谢啦

.prologue__end div:nth-child(1) {

background: url(../image/1.jpg) no-repeat center;

background-size: contain;

}

.prologue__end div:nth-child(2) {

background: url(../image/2.jpg) no-repeat center;

background-size: contain;

}

.prologue__end div:nth-child(3) {

background: url(../image/3.jpg) no-repeat center;

background-size: contain;

}

.prologue__end div:nth-child(4) {

background: url(../image/4.jpg) no-repeat center;

background-size: contain;

}

.prologue__end div:nth-child(5) {

background: url(../image/5.jpg) no-repeat center;

background-size: contain;

}

.prologue .prologue__end div:nth-child(1) {

animation: prologue__scale-box 2s ease 1.65s forwards;

-webkit-animation: prologue__scale-box 2s ease 1.65s forwards;

}

.prologue .prologue__end div:nth-child(2) {

animation: page__down-decoration 2s ease 3.8s forwards;

-webkit-animation: page__down-decoration 2s ease 3.8s forwards;

}

.prologue .prologue__end div:nth-child(3) {

animation: scale0-1 2s ease 6.8s forwards;

-webkit-animation:;

}

.prologue .prologue__end div:nth-child(4) {

animation: prologue__bloom-flower 2s ease 8.8s forwards;

-webkit-animation: prologue__bloom-flower 2s ease 8.8s forwards;

}

.prologue .prologue__end div:nth-child(5) {

animation: version-view__show-text-1 2s ease 10.8s forwards;

-webkit-animation: version-view__show-text-1 2s ease 10.8s forwards;

}

html背景图片循环自动播放,CSS3 背景图循环播放相关推荐

YDOOK : CSS div 设置背景图片大小自动缩放
YDOOK : CSS div 设置背景图片大小自动缩放设置示例: 选择器{width:100%;height:100%;background-repeat:no-repeat:background ...
设置背景图片，解决手机上背景图片高度适应问题
设置背景图片,解决手机上背景图片高度适应问题第一种方法:直接对图片进行设置,代码如下 <img src="url" class="PhoneBack"& ...
.net的label的背景如何设置成为透明_css如何设置背景图片？background属性添加背景图片...
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...
CSS背景图片定位(background-position,css sprit,背景定位,background-imag
CSS背景图片定位(background-position,css sprit,背景定位,background-imag 标签: 杂谈分类: css 在CSS中,背景图片的定位方位有3种: 1)关键 ...
css如何设置背景图片？background属性添加背景图片
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可以参考一下, ...
html怎么用视频做网页背景图片,使用视频作为网页背景的技术探讨
使用视频作为网页背景是件很酷的事情,但也是件困难的事情.CSS里的background-image属性只能使用图片.SVG.颜色或渐变色.但从技术讲,我们是可以伪造出一种效果,让视频以背景的角色出现在 ...
c语言窗口如何加背景图片,MFC积累---关于设置背景图片、背景颜色插入背景音乐...
第二种方法是把声音文件加入到资源中,然后从资源中播放声音.Visual C++支持WAVE型资源,用户在资源视图中单击鼠标右键并选择Import命令,然后在文件选择对话框中选择The Microsof ...
php设置背景图片的代码,css设置背景图片如何实现？（代码实例）
本篇文章给大家带来的内容是关于css设置背景图片如何实现?(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 很多人提交表单时都喜欢用一个图片来作为提交按钮,大多数人可能用J ...
QT设置非主窗口的背景图片和主窗口的背景图片（详细版）
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.主窗口设置背景图片二.非主窗口设置背景图片前言网上关于设置窗口背景图片大多数都是对于主窗口MainWindo ...
JAVA编写的纯色背景图片去除底色变成透明背景图片的工具
程序使用java语言编写,工作原理是取图片边缘的像素点作为要替换的背景色,然后将所有像素点与该颜色进行比较,发现相同则将颜色不透明度设置为0,使颜色完全透明. 在线示例: 一.访问图片去底工具BgRe ...

html背景图片循环自动播放,CSS3 背景图循环播放

html背景图片循环自动播放,CSS3 背景图循环播放相关推荐

最新文章

热门文章