Loading...
This CSS code is for animating zooming elements using "grow" class. I once used this code to apply the word "Grow" when designing the PT. JIA (www.jiadreams.com) to make it easier for visitors to catch the message, even though it was eventually removed at the request of the owner.
@keyframes growing {
0% {
transform: scaleY(.1);
transform-origin:bottom left;
}
100% {
transform: scaleY(1);
transform-origin:bottom left;
}
}
.grow {
animation: 7s linear growing;
transform: scaleY(1);
}