Bouncing text / V0X1C (no need to credit imao)

Tags: bouncing text

Description:

Bouncing text, no need to credit imao

Preview:

Code:

<!-- (c) Layout created by Kurante !! ᓚᘏᗢ >:) (https://layouts.spacehey.com/layout?id=81777) --> <style> .bouncyyy { font-size:4em; z-index: 99; animation: bounce 2s infinite; animation-timing-function: cubic-bezier(0.25, 0.85, 0.4, 1) width:auto; ;} .letterone { animation-delay:0s; 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;} @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> <p class="bouncyyy letterone">T</p><p class="bouncyyy lettertwo">E</p><p class="bouncyyy letterthree">X</p><p class="bouncyyy letterfour">T</p><p class="bouncyyy letterfive">H</p><p class="bouncyyy lettersix">E</p><p class="bouncyyy letterseven">R</p><p class="bouncyyy lettereight">E</p>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.