Growing Effect CSS

CSS code for animating zooming elements using the grow class.
Share:
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
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); 
}

 

Leave a Reply

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

Related Article

OpenStreetMap and Leaflet.js
OpenStreetMap is a map of the world, created by people like you and free to use under an open license. […]
Video Code using ACF Video Field
Solution of Jumping Modal Popups
I get this code from my client and also my friend 😊
COMPLETE PACKAGE OF WEBSITE DESIGN & DEVELOPMENT
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
cross