GravTheme/css/autoslideshow.css

31 lines
545 B
CSS
Raw Normal View History

2023-09-15 12:39:36 +00:00
@keyframes fade {
0% { opacity: 0; }
11.11% { opacity: 1; }
33.33% { opacity: 1; }
44.44% { opacity: 0; }
100% { opacity: 0; }
}
.auto-slideshow {
overflow: hidden;
display: grid;
height: 600px;
margin: 0 auto;
}
.auto-slideshow img {
width: 100%;
height: 100%;
grid-row: 1;
grid-column: 1;
opacity: 0;
animation-name: fade;
animation-iteration-count: infinite;
}
@media (max-width: 1160px) {
.auto-slideshow {
height: auto;
width: 100%;
}
}