What's new

Smart No need load for smart

<style> div.at-container { display: flex; align-items: center; justify-content: center; align-self: center; height: 100%; } .at-item { width: 260px; height: 70px; background-color: transparent; border-radius: 90px; border-color: #00ffff; color: #f03000; font-weight: bold; font-size: 3em; border-width: 3px; border-style: solid; align-items: center; padding-top: 25px; padding-left: 50px; font-family: monospace; animation-name: rubberband-vertical; animation-duration: 1.2s; animation-timing-function: ease-in; animation-delay: 1s; animation-iteration-count: 5; animation-direction: normal; animation-fill-mode: none; /* shorthand animation: rubberband-vertical 1.3s ease-in 0s infinite normal none;*/ } @keyframes rubberband-vertical { 0% { transform:scale3d(1,1,1); } 30% { transform:scale3d(.85,1.05,.85); } 40% { transform:scale3d(1.13,.95,1.13); } 50% { transform:scale3d(.95,1.05,.95); } 65% { transform:scale3d(1.02,.97,1.02); } 75% { transform:scale3d(.97,1.02,.97); } 100% { transform:scale3d(1,1,1); } } </style> <div class='at-container'> <div class='at-item' >Thank You</div> </div> [ICODE]
[/ICODE]
 
Last edited:
Back
Top