#slideshow_wrapper_inpage
{background:#0E2A4C;position:relative; bottom:0; left:0;width:3;height:200px;max-height:100vh;border:0px solid #00ff00;box-sizing: border-box;}
.slideshow
{list-style:none;width:310px;height:200px;top:-13px;right:0;bottom:0;left:0;overflow:hidden;position: absolute;}
.slideshow li
{width:100%;height:100%;position:absolute;top:0px;right:0;bottom:0;left:0;color:transparent;background-size:cover;background-position:50% 50%;opacity:0;}
.slideshow li:nth-child(odd)
{animation: slideShowC1 50s linear infinite 0s;}
.slideshow li:nth-child(even)
{animation: slideShowC2 50s linear infinite 0s;}
@keyframes slideShowC1 {
0% {
opacity: 0;
transform: scale(1.1) rotate(-1.5deg);
}
2% {
opacity: 1;
}
10% {
opacity: 1;
}
12% {
opacity: 0;
transform: scale(1.3) rotate(1.5deg);
}
}
@keyframes slideShowC2 {
0% {
opacity: 0;
transform: scale(1.3) rotate(1.5deg);
}
2% {
opacity: 1;
}
10% {
opacity: 1;
}
12% {
opacity: 0;
transform: scale(1.1) rotate(-1.5deg);
}
}
.slideshow li:nth-child(1) {background-image: url(../images/ambiente_01.jpg);animation-delay: 0s;}
.slideshow li:nth-child(2) {background-image: url(../images/ambiente_02.jpg);animation-delay: 5s;}
.slideshow li:nth-child(3) {background-image: url(../images/ambiente_03.jpg);animation-delay: 10s;}
.slideshow li:nth-child(4) {background-image: url(../images/ambiente_04.jpg);animation-delay: 15s;}
.slideshow li:nth-child(5) {background-image: url(../images/ambiente_05.jpg);animation-delay: 20s;}
.slideshow li:nth-child(6) {background-image: url(../images/ambiente_06.jpg);animation-delay: 25s;}
.slideshow li:nth-child(7) {background-image: url(../images/ambiente_07.jpg);animation-delay: 30s;}
.slideshow li:nth-child(8) {background-image: url(../images/ambiente_08.jpg);animation-delay: 35s;}
.slideshow li:nth-child(9) {background-image: url(../images/ambiente_09.jpg);animation-delay: 40s;}
.slideshow li:nth-child(10) {background-image: url(../images/ambiente_10.jpg);animation-delay: 45s;}
#pic-left
rechtsbündig:
linksbündig:
#pic-right
-->