GhosstGhooost
Eternal Poster
feed back ako sir later thanks
<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]