User:JacobsDevelop/common.css: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
No edit summary
No edit summary
 
Line 1: Line 1:
.slider .slide {
.slideshow .slide {
  animation: slideshow 12.5s infinite;
  animation: slideshow 12.5s infinite;
}
}
   
   
.slider .slide:nth-child(1) {
.slideshow .slide:nth-child(1) {
   animation-delay: 0s;
   animation-delay: 0s;
}
}


.slider .slide:nth-child(2) {
.slideshow .slide:nth-child(2) {
   animation-delay: -2.5s;
   animation-delay: -2.5s;
}
}


.slider .slide:nth-child(3) {
.slideshow .slide:nth-child(3) {
   animation-delay: -5s;
   animation-delay: -5s;
}
}


.slider .slide:nth-child(4) {
.slideshow .slide:nth-child(4) {
   animation-delay: -7.5s;
   animation-delay: -7.5s;
}
}


.slider .slide:nth-child(5) {
.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;
  }
}