/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jan 04 2023 | 06:51:18 */
/* Stretch Left */
.stretchLeft{
	animation-name: stretchLeft;
    transform-origin: 100% 0%;
}
@keyframes stretchLeft {
	0% {transform: scaleX(0);}
	100% {transform: scaleX(1);}										
}
/* Stretch Right */
.stretchRight{
	animation-name: stretchRight;
    transform-origin: 0% 0%;		
}
@keyframes stretchRight {
	0% {transform: scaleX(0);}
	100% {transform: scaleX(1);}			
}
/* Stretch Down */
.stretchDown{
	animation-name: stretchDown;
    transform-origin: 50% 0%;
}
@keyframes stretchDown {
	0% {transform: scaleY(0);}
	100% {transform: scaleY(1);}		
}
/* Stretch Up */
.stretchUp{
	animation-name: stretchUp;
    transform-origin: 50% 100%;		
}
@keyframes stretchUp {
    0% {transform: scaleY(0);}
    100% {transform: scaleY(1);}			
}

/* Test */

.fadedown{
	animation-name: Fadedown;
	animation-fill-mode: forwards;
	
	
    	
}

@keyframes Fadedown {
	0%{  
		opacity:0;
		transform: translateY(-20px)	
	}
	100%{
		opacity:1;
		transform: translateY(0px)		
	}
}

.fadeleft{
	animation-name: Fadeleft;
	animation-fill-mode: forwards;
	
}

@keyframes Fadeleft {
	0%{  
		opacity:0;
		transform: translateX(-30px)	
	}
	100%{
		opacity:1;
		transform: translateX(0px)		
	}
}

.fadeRight{
	animation-name: fadeRight;
	animation-fill-mode: forwards;
}

@keyframes fadeRight {
	0%{  
		opacity:0;
		transform: translateX(60px)	
	}
	100%{
		opacity:1;
		transform: translateX(0px)		
	}
}


.test{   animation-name:test;
	     animation-fill-mode:forwards;
     
}

@keyframes test {
	0%{
		opacity:0;
		transform:translateY(-50px);
	}
	70%{
		opacity:50;
		transform:translateX(-30px);
		
	}
	
	
	
	100%{
		opacity:100;
		transform: translateY(0px);
	}
	
	
	
	
}
}