/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/


/*
==============================================
fadeIn
==============================================
*/

.fadeIn{
	animation: fadeIn 2.5s;
}

@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.fadeIns{
	animation: fadeIns 1s;
}

@keyframes fadeIns {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@keyframes fadeIns {
    from { opacity: 0; }
    to   { opacity: 1; }
}