34 lines
570 B
CSS
34 lines
570 B
CSS
|
|
.pre_banner {
|
|
position: relative;
|
|
margin: 10px 0px 10px -100px;
|
|
animation-name: slide;
|
|
animation-iteration-count: infinite;
|
|
animation-duration: 2s;
|
|
animation-timing-function: linear;
|
|
animation-direction: normal;
|
|
}
|
|
.pre_banner.pause {
|
|
animation-play-state: paused;
|
|
}
|
|
.pre_banner.reverse {
|
|
animation-direction: reverse;
|
|
}
|
|
.pre_banner.t05 {
|
|
animation-duration: 0.5s;
|
|
}
|
|
.pre_banner.t10 {
|
|
animation-duration: 1s;
|
|
}
|
|
.pre_banner.t15 {
|
|
animation-duration: 1.5s;
|
|
}
|
|
.pre_banner.t20 {
|
|
animation-duration: 2s;
|
|
}
|
|
@keyframes slide {
|
|
from {left:0;}
|
|
to {left:2.4em;}
|
|
}
|
|
|