The Gold Network: Soyworld | SNCApedia | SoyPlace

Template:Textshake.css: Difference between revisions

From SNCApedia, the shit nobody cares about encyclopedia
Jump to navigationJump to search
 
No edit summary
 
(One intermediate revision by one other user not shown)
Line 6: Line 6:
   0% {
   0% {
     transform: translate(1px, 1px);
     transform: translate(1px, 1px);
  } 
  12% {
    transform: translate(1px, 0px);
   }
   }
   25% {
   25% {
     transform: translate(0px, -2px);
     transform: translate(0px, -2px);
   }
   }
  37% {
    transform: translate(-1px, 0px);
  }
   50% {
   50% {
     transform: translate(-2px, 2px);
     transform: translate(-2px, 2px);
   }
   }
  62% {
    transform: translate(2px, 2px);
  }
   75% {
   75% {
     transform: translate(0px, -2px);
     transform: translate(0px, -2px);
   }
   }
  87% {
    transform: translate(-1px, 1px);
  }
   100% {
   100% {
     transform: translate(1px, 1px);
     transform: translate(1px, 1px);
   }
   }
}
}

Latest revision as of 08:24, 23 December 2025

.shaketext span {
  display: inline-block;
  animation: shakes 0.2s infinite;
}
@keyframes shakes {
  0% {
    transform: translate(1px, 1px);
  }  

  12% {

    transform: translate(1px, 0px);
  }
  25% {
    transform: translate(0px, -2px);
  }

  37% {
    transform: translate(-1px, 0px);
  }

  50% {

    transform: translate(-2px, 2px);
  }

  62% {
    transform: translate(2px, 2px);
  }

  75% {
    transform: translate(0px, -2px);
  }

  87% {
    transform: translate(-1px, 1px);
  }

  100% {
    transform: translate(1px, 1px);
  }
}