49 lines
474 B
CSS
49 lines
474 B
CSS
|
@keyframes slideshow {
|
||
|
0% {
|
||
|
left: 0%;
|
||
|
}
|
||
|
20% {
|
||
|
left: 0%;
|
||
|
}
|
||
|
40% {
|
||
|
left: -100%;
|
||
|
}
|
||
|
55% {
|
||
|
left: -100%;
|
||
|
}
|
||
|
70% {
|
||
|
left: -200%;
|
||
|
}
|
||
|
85% {
|
||
|
left: -200%;
|
||
|
}
|
||
|
100% {
|
||
|
left: -300%;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/*
|
||
|
body {
|
||
|
margin: 0;
|
||
|
}
|
||
|
*/
|
||
|
|
||
|
div#slider {
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
div#slider > figure > img {
|
||
|
width: 20%;
|
||
|
float: left;
|
||
|
}
|
||
|
|
||
|
div#slider > figure {
|
||
|
position: relative;
|
||
|
width: 500%;
|
||
|
margin: 0;
|
||
|
left: 0;
|
||
|
text-align: left;
|
||
|
font-size: 0;
|
||
|
animation: 20s slideshow infinite;
|
||
|
}
|