User:JacobsDevelop/common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
. | .slideshow .slide { | ||
animation: slideshow 12.5s infinite; | animation: slideshow 12.5s infinite; | ||
} | } | ||
. | .slideshow .slide:nth-child(1) { | ||
animation-delay: 0s; | animation-delay: 0s; | ||
} | } | ||
. | .slideshow .slide:nth-child(2) { | ||
animation-delay: -2.5s; | animation-delay: -2.5s; | ||
} | } | ||
. | .slideshow .slide:nth-child(3) { | ||
animation-delay: -5s; | animation-delay: -5s; | ||
} | } | ||
. | .slideshow .slide:nth-child(4) { | ||
animation-delay: -7.5s; | animation-delay: -7.5s; | ||
} | } | ||
. | .slideshow .slide:nth-child(5) { | ||
animation-delay: -10s; | animation-delay: -10s; | ||
} | } |
Latest revision as of 11:41, 7 December 2023
.slideshow .slide {
animation: slideshow 12.5s infinite;
}
.slideshow .slide:nth-child(1) {
animation-delay: 0s;
}
.slideshow .slide:nth-child(2) {
animation-delay: -2.5s;
}
.slideshow .slide:nth-child(3) {
animation-delay: -5s;
}
.slideshow .slide:nth-child(4) {
animation-delay: -7.5s;
}
.slideshow .slide:nth-child(5) {
animation-delay: -10s;
}
@keyframes slideshow {
0%, 16%, 100% {
opacity: 1;
animation-timing-function: ease;
z-index: 0;
}
20% {
opacity: 0;
animation-timing-function: step-end;
z-index: 0;
}
96% {
opacity: 1;
animation-timing-function: step-end;
z-index: -1;
}
}