project-totopia/w-demo.com_capture/html_sources/유저1/user_메인페이지_files/ruChangDongHua.css

@CHARSET "UTF-8";


.lefteasein{

	
	-webkit-animation: lefteaseinAnimate 0.5s ease infinite;
	animation: lefteaseinAnimate 0.5s ease infinite;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
}
@-webkit-keyframes lefteaseinAnimate{
	0%{ -webkit-transform:translateX(-1200px); opacity: 0;}
	100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@keyframes lefteaseinAnimate{
	0%{transform:translateX(-1200px); opacity: 0;}
	100%{ transform: translateX(0px); opacity: 1;}
}
.righteasein{

	
	-webkit-animation: righteaseinAnimate 0.5s ease infinite;
	animation: righteaseinAnimate 0.5s ease infinite;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
}
@-webkit-keyframes righteaseinAnimate{
	0%{ -webkit-transform:translateX(1200px); opacity: 0;}
	100%{ -webkit-transform: translateX(0px); opacity: 1;}
}
@keyframes righteaseinAnimate{
	0%{transform:translateX(1200px); opacity: 0;}
	100%{ transform: translateX(0px); opacity: 1;}
}

.upeasein{
	-webkit-animation: upeaseinAnimate 0.5s ease infinite;
	animation: upeaseinAnimate 0.5s ease infinite;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
}
@-webkit-keyframes upeaseinAnimate{
	0%{ -webkit-transform: translateY(-200px); opacity: 0;}
	100%{ -webkit-transform: translateY(0px); opacity: 1;}
}
@keyframes upeaseinAnimate{
	0%{ transform: translateY(-200px); opacity: 0;}
	100%{ transform: translateY(0px); opacity: 1;}
}

.boteasein{
	-webkit-animation: boteaseinAnimate 0.5s ease infinite;
	animation: boteaseinAnimate 0.5s ease infinite;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
}
@-webkit-keyframes boteaseinAnimate{
	0%{ -webkit-transform: translateY(200px); opacity: 0;}
	100%{ -webkit-transform: translateY(0px); opacity: 1;}
}
@keyframes boteaseinAnimate{
	0%{ transform: translateY(200px); opacity: 0;}
	100%{ transform: translateY(0px); opacity: 1;}
}


.nirotatein{
	-webkit-animation: nirotateinAnimate 1s ease infinite;
	animation: nirotateinAnimate 1s ease infinite;
	animation-iteration-count:1;
			-webkit-animation-iteration-count:1;
}
@-webkit-keyframes nirotateinAnimate{
	0%{ -webkit-transform: rotate(200deg);}
	100%{ -webkit-transform: rotate(0deg);}
}
@keyframes nirotateinAnimate{
	0%{ transform: rotate(200deg);}
	100%{ transform: rotate(0deg);}
}

.zhengrotatein{
	-webkit-animation: zhengrotateinAnimate 1s ease infinite;
	animation: zhengrotateinAnimate 1s ease infinite;
	animation-iteration-count:1;
			-webkit-animation-iteration-count:1;
}
@-webkit-keyframes zhengrotateinAnimate{
	0%{ -webkit-transform: rotate(-200deg);}
	100%{ -webkit-transform: rotate(0deg);}
}
@keyframes zhengrotateinAnimate{
	0%{ transform: rotate(-200deg);}
	100%{ transform: rotate(0deg);}
}

.rotateinleftbot{ 
	-webkit-animation: rotateinleftbotAnimate 1s ease infinite;
	animation: rotateinleftbotAnimate 1s ease infinite;
	animation-iteration-count:1;
			-webkit-animation-iteration-count:1;
}
@-webkit-keyframes rotateinleftbotAnimate{	
	0%{ -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg);}
	100%{-webkit-transform-origin: left bottom; -webkit-transform: rotate(0deg);}
}
@keyframes rotateinleftbotAnimate{	
	0%{ transform-origin: left bottom;transform: rotate(-90deg);}
	100%{transform-origin: left bottom; transform: rotate(0deg);}
}

.rotateinrightbot{ 
	-webkit-animation: rotateinrightbotAnimate 1s ease infinite;
	animation: rotateinrightbotAnimate 1s ease infinite;
	animation-iteration-count:1;
			-webkit-animation-iteration-count:1;
}
@-webkit-keyframes rotateinrightbotAnimate{	
	0%{ -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg);}
	100%{-webkit-transform-origin: right bottom; -webkit-transform: rotate(0deg);}
}
@keyframes rotateinrightbotAnimate{	
	0%{ transform-origin: right bottom;transform: rotate(90deg);}
	100%{transform-origin: right bottom; transform: rotate(0deg);}
}

.bouncein{
	-webkit-animation: bounceinAnimate 1s ease infinite;
	animation: bounceinAnimate 1s ease infinite;
	animation-iteration-count:1;
			-webkit-animation-iteration-count:1;
}
@-webkit-keyframes bounceinAnimate{
	0%{ -webkit-transform: scale(.3);}
	50%{ -webkit-transform: scale(1.05);}
	70%{ -webkit-transform: scale(0.9);}
	100%{ -webkit-transform: scale(1);}
}
@keyframes bounceinAnimate{
	0%{ transform: scale(.3);}
	50%{transform: scale(1.05);}
	70%{ transform: scale(0.9);}
	100%{transform: scale(1);}
}




.zuoXuan_div
	{
	animation:zuoXuan_div 1s;
	-moz-animation:zuoXuan_div 1s;
	-webkit-animation:zuoXuan_div 1s;
	-o-animation:zuoXuan_div 1s;
	}

@keyframes zuoXuan_div
	{
	0%   {transform: translateX(-1200px) rotate(0deg);}
	
	100% {transform: translateX(0px) rotate(720deg);}
	}

@-webkit-keyframes zuoXuan_div
	{
	0%   {-webkit-transform: translateX(-1200px) rotate(0deg);}
	
	100% {-webkit-transform: translateX(0px) rotate(720deg);}
	}

@-moz-keyframes zuoXuan_div
	{
	0%   {-moz-transform: translateX(-1200px) rotate(0deg);}
	
	100% {-moz-transform: translateX(0px) rotate(720deg);}
	}

@-o-keyframes zuoXuan_div
	
	{
	0%   {transform: translateX(-1200px) rotate(0deg);}
	
	100% {transform: translateX(0px) rotate(720deg);}
	}



.youXuan_div
	{
	animation:youXuan_div 1s ;
	-moz-animation:youXuan_div 1s ;
	-webkit-animation:youXuan_div 1s ;
	-o-animation:youXuan_div 1s;
	}

@keyframes youXuan_div
	{
	0%   {transform: translateX(1200px) rotate(0deg)}
	
	100% {transform: translateX(0px) rotate(-720deg)}
	}

@-webkit-keyframes youXuan_div
	{
	0%   {-webkit-transform:  translateX(1200px) rotate(0deg)}
	
	100% {-webkit-transform: translateX(0px) rotate(-720deg)}
	}

@-moz-keyframes youXuan_div
	{
	0%   {-moz-transform:  translateX(1200px) rotate(0deg)}
	
	100% {-moz-transform: translateX(0px) rotate(-720deg)}
	}

@-o-keyframes youXuan_div
	
	{
	0%   {transform:  translateX(1200px) rotate(0deg)}
	
	100% {transform: translateX(0px) rotate(-720deg)}
	}