Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <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;}
- @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">A</p><p class="bouncyyy lettertwo">L</p><p class="bouncyyy letterthree">L</p><p class="bouncyyy letterfour">I</p><p class="bouncyyy letterfive">S</p><p class="bouncyyy lettersix">O</p><p class="bouncyyy letterseven">N</p>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement