User:JacobsDevelop/common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
.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;
}
}