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;
|
|
}
|