nettsiden/www/css/slideshow.css

24 lines
509 B
CSS

#imageSlideshow {
position: relative;
width: 70vw;
height: calc(70vw / (16/9));
margin: auto auto;
border-radius: 20px;
overflow: hidden;
}
.slideshowimg {
width: 100%;
margin: auto auto;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
opacity: 0;
border-radius: 20px;
transition: visibility 0.8s, opacity 0.8s ease-out;
}
.slideshowactive {
visibility: visible;
opacity: 1;
transition: visibility 0.8s, opacity 0.8s ease-out;
}