Template:Bouncetext.css

.bouncetext span {

 display: inline-block;
 animation: bounce 1.5s infinite;

} @keyframes bounce {

 0% {
   transform: translate(0px, 0px);
 }
 10% {
   transform: translate(0px, 3px);
 }
 20% {
   transform: translate(0px, -3px);
 }
 30% {
   transform: translate(-1px, 2px) rotate(-1deg);
 }
 40% {
   transform: translate(1px, -2px) rotate(1deg);
 }
 50% {
   transform: translate(-2px, 1px) rotate(-2deg);
 }
 60% {
   transform: translate(2px, -1px) rotate(2deg);
 }
 70% {
   transform: translate(1px, 2px) rotate(1deg);
 }
 80% {
   transform: translate(-1px, -2px) rotate(-1deg);
 }
 85% {
   transform: translate(2px, 1px) rotate(2deg);
 }
 90% {
   transform: translate(-2px, -1px) rotate(-2deg);
 }
 100% {
   transform: translate(0px, 0px);
 }

}