platypush/platypush/backend/http/static/css/widgets/image-carousel.css

34 lines
566 B
CSS
Raw Normal View History

2018-05-05 04:37:22 +02:00
.carousel {
2018-05-07 09:54:30 +02:00
overflow: hidden;
color: #999;
position: relative;
width: 100%;
height: 22.5em;
2018-05-07 09:54:30 +02:00
}
.carousel > img {
position: absolute;
top: 0;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
2018-05-07 09:56:31 +02:00
border-radius: 5px;
z-index: 2;
}
.carousel-background {
position: absolute;
width: 100%;
2018-05-07 09:54:30 +02:00
height: 22.5em;
top: 0;
left: 0;
background-color: black;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
filter: blur(10px);
z-index: 1;
2018-05-05 04:37:22 +02:00
}