🔒 Closed No need load for smart

Status
Not open for further replies.
<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]
 
Status
Not open for further replies.

Similar threads

About this Thread

  • 25
    Replies
  • 1K
    Views
  • 23
    Participants
Last reply from:
akashi0021

Online now

Members online
591
Guests online
687
Total visitors
1,278

Forum statistics

Threads
2,276,530
Posts
28,970,635
Members
1,231,345
Latest member
ryudoup
Back
Top