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
No edit summary
No edit summary
 
(2 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;

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);
  }
}