.container {
width:1000px;
margin:0 auto;
}
@keyframes move {
0% {
left:0%;
opacity:0;
}
70% {
left:70%;
opacity:1
}
100% {
left:100%;
opacity:0;
}
}.move {
-webkit-animation-name:move;
animation-name:move;
position:relative;
margin-left:-16px;
}
.ar-animated {
-webkit-animation-duration:1.5s;
animation-duration:1.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
font-style:inherit;
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
}
.ar-delay-1s {
animation-delay:0.1s;
}
.ar-delay-2s {
animation-delay:0.2s;
}
.ar-delay-3s {
animation-delay:0.3s;
}
.ar-delay-4s {
animation-delay:0.4s;
}
.ar-delay-5s {
animation-delay:0.5s;
}
.ar-delay-6s {
animation-delay:0.6s;
}
.ar-delay-7s {
animation-delay:0.7s;
}
.ar-delay-8s {
animation-delay:0.8s;
}
.ar-delay-9s {
animation-delay:0.9s;
}
.ar-delay-10s {
animation-delay:0.10s;
}
更新时间:2020-11-02 10:50:22
css3箭头水平淡入淡出