Growing Effect CSS

CSS code for animating zooming elements using the grow class.
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)

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 ( 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); 


Leave a Reply

Your email address will not be published. Required fields are marked *

Related Article

Video Code using ACF Video Field
Solution of Jumping Modal Popups
I get this code from my client and also my friend 😊
Menu Accordion
I found this snippet code to create menu accordion from CodePen, but I did slightly modification from original code to […]
Digitalizer offers website design & development services for company profiles, online shops, event organizers, educational institutions or other fields. You don't need to think about domains, web hosting / servers, DNS, email, design, development, security and other technical issues. Just prepare your website content, we do the rest.
All website design & development packages include 1 year maintenance!
Free Consultation
Back to top