You may also check out our sister site SoyPlace.

Template:Bounce2/bounce2.css: Difference between revisions

From SNCApedia, the shit nobody cares about encyclopedia
Jump to navigationJump to search
Created page with ":root { height:calc(2); width:250px; } body { background-color: black; } .ball { animation: toRight linear 6.8s infinite alternate, bounce linear 17s infinite alternate; position:fixed; z-index: 100; } .ball span span { white-space: nowrap; } @keyframes bounce { 0% { top: 0; } 100% { top: calc(100vh); } } @keyframes toRight { 0% { left: 0; } 100% { left: calc(100vw); } }"
 
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 10: Line 10:


.ball {
.ball {
   animation: toRight linear 6.8s infinite alternate, bounce linear 17s infinite alternate;
   animation: toRight linear 5s infinite alternate, bounce linear 7s infinite alternate;
   position:fixed;
   position:fixed;
   z-index: 100;
   z-index: 100;
Line 33: Line 33:
   }
   }
   100% {
   100% {
     left: calc(100vw);
     left: calc(80vw);
   }
   }
}
}

Latest revision as of 03:43, 10 October 2025

:root {  
  height:calc(2);
  width:250px;
}


body {
  background-color: black;
}

.ball {
  animation: toRight linear 5s infinite alternate, bounce linear 7s infinite alternate;
  position:fixed;
  z-index: 100;
}

.ball span span {
    white-space: nowrap; 
}

@keyframes bounce {
  0% {
    top: 0;
  }
  100% {
    top: calc(100vh);
  }
}

@keyframes toRight {
  0% {
    left: 0;
  }
  100% {
    left: calc(80vw);
  }
}