<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>zy075</title>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
div{
width:782px;
height:626px;
margin:0 auto;
}
ul{
position:relative;
}
li{
list-style:none;
position:absolute;
left:0px;
top:0px;
}
li:nth-child(1){
animation:aa 20s linear infinite;
}
li:nth-child(2){
animation:bb 20s linear infinite;
}
li:nth-child(3){
animation:cc 20s linear infinite;
}
li:nth-child(4){
animation:dd 20s linear infinite;
}
li:nth-child(5){
animation:ee 20s linear infinite;
}
li:nth-child(6){
animation:ff 20s linear infinite;
}
li:nth-child(7){
animation:jj 20s linear infinite;
}
li:nth-child(8){
animation:hh
css3(十一)练习动画轮播图
最新推荐文章于 2023-10-06 21:15:21 发布