bouncy text

<Style>

.bouncyyy {font-size:2em; z-index: 99; animation: bounce 2s infinite; animation-timing-function: cubic-bezier(0.25, 0.85, 0.4, 1) width:auto; ;}

 

.letterone { animation-delay:0.1s; display:inline-block;}

.lettertwo { animation-delay:0.2s; display:inline-block;}

.letterthree { animation-delay:0.4s; display:inline-block; }

.letterfour { animation-delay:0.6s; display:inline-block;}

.letterfive { animation-delay:0.8s; display:inline-block;}

.lettersix { animation-delay:1s; display:inline-block;}

.letterseven { animation-delay:1.2s; display:inline-block;}

.lettereight { animation-delay:1.4s; display:inline-block;}

.letternine { animation-delay:1.6s; display:inline-block;}

.letterten { animation-delay:1.8s; display:inline-block;}

 

@keyframes bounce { 0% { transform: scale(1,1) translateY(0); } 10% { transform: scale(1.1,.9) translateY(0); } 30% { transform: scale(.9,1.1) translateY(-30px); } 50% { transform: scale(1.05,.95) translateY(0); } 60% { transform: scale(1,1) translateY(-4px); } 100% { transform: scale(1,1) translateY(0); } }</style>

 

<a href="https://pastebin.com/8KpDmX17">

<p class="bouncyyy letterone">B</p><p class="bouncyyy lettertwo">o</p><p class="bouncyyy letterthree">u</p><p class="bouncyyy letterfour">n</p><p class="bouncyyy letterfive">c</p><p class="bouncyyy lettersix">y</p> <p class="bouncyyy letterseven">T</p> <p class="bouncyyy lettereight">e</p><p class="bouncyyy letternine">x</p> <p class="bouncyyy letterten">t</p>