jianDemo_edu/target/edu/static/web/css/animation.css

@-webkit-keyframes logoBack1 {
	0% {
		transform:translate(0px,-300px) rotate(300deg);
		-webkit-transform:translate(0px,-300px) rotate(300deg);
		-moz-transform:translate(0px,-300px) rotate(300deg);
		opacity:0;
	}
	100% {
		transform:translate(0px,0px) rotate(0deg);
		-webkit-transform:translate(0px,0px) rotate(0deg);
		-moz-transform:translate(0px,0px) rotate(0deg);
		opacity:1;
	}
}
@keyframes logoBack1 {
	0% {
		transform:translate(0px,-300px) rotate(300deg);
		-webkit-transform:translate(0px,-300px) rotate(300deg);
		-moz-transform:translate(0px,-300px) rotate(300deg);
		opacity:0;
	}
	100% {
		transform:translate(0px,0px) rotate(0deg);
		-webkit-transform:translate(0px,0px) rotate(0deg);
		-moz-transform:translate(0px,0px) rotate(0deg);
		opacity:1;
	}
}

@-webkit-keyframes logoBack2 {
	 0% {
		 transform:translate(300px,-300px) rotate(-180deg);
		 -webkit-transform:translate(300px,-300px) rotate(-180deg);
		 -moz-transform:translate(300px,-300px) rotate(-180deg);
		 opacity:0;
	 }
	 100% {
		 transform:translate(0px,0px) rotate(0deg);
		 -webkit-transform:translate(0px,0px) rotate(0deg);
		 -moz-transform:translate(0px,0px) rotate(0deg);
		 opacity:1;
	 }
 }
@keyframes logoBack2 {
	0% {
		transform:translate(300px,-300px) rotate(-180deg);
		-webkit-transform:translate(300px,-300px) rotate(-180deg);
		-moz-transform:translate(300px,-300px) rotate(-180deg);
		opacity:0;
	}
	100% {
		transform:translate(0px,0px) rotate(0deg);
		-webkit-transform:translate(0px,0px) rotate(0deg);
		-moz-transform:translate(0px,0px) rotate(0deg);
		opacity:1;
	}
}

@-webkit-keyframes logoBack3 {
	0% {
		transform:translate(300px,300px) rotate(-540deg);
		-webkit-transform:translate(300px,300px) rotate(-540deg);
		-moz-transform:translate(300px,300px) rotate(-540deg);
		opacity:0;
	}
	100% {
		transform:translate(0px,0px) rotate(0deg);
		-webkit-transform:translate(0px,0px) rotate(0deg);
		-moz-transform:translate(0px,0px) rotate(0deg);
		opacity:1;
	}
}
@keyframes logoBack3 {
	0% {
		transform:translate(300px,300px) rotate(-540deg);
		-webkit-transform:translate(300px,300px) rotate(-540deg);
		-moz-transform:translate(300px,300px) rotate(-540deg);
		opacity:0;
	}
	100% {
		transform:translate(0px,0px) rotate(0deg);
		-webkit-transform:translate(0px,0px) rotate(0deg);
		-moz-transform:translate(0px,0px) rotate(0deg);
		opacity:1;
	}
}

@-webkit-keyframes logoBack4 {
	0% {
		transform:translate(0px,300px);
		-webkit-transform:translate(0px,300px);
		-moz-transform:translate(0px,300px);
		opacity:0;
	}
	100% {
		transform:translate(0px,0px);
		-webkit-transform:translate(0px,0px);
		-moz-transform:translate(0px,0px);
		opacity:1;
	}
}
@keyframes logoBack4 {
	0% {
		transform:translate(0px,300px);
		-webkit-transform:translate(0px,300px);
		-moz-transform:translate(0px,300px);
		opacity:0;
	}
	100% {
		transform:translate(0px,0px);
		-webkit-transform:translate(0px,0px);
		-moz-transform:translate(0px,0px);
		opacity:1;
	}
}

@-webkit-keyframes logoBack5 {
	0% {
		transform:translate(-300px,300px) rotate(720deg);
		-webkit-transform:translate(-300px,300px) rotate(720deg);
		-moz-transform:translate(-300px,300px) rotate(720deg);
		opacity:0;
	}
	100% {
		transform:translate(0px,0px) rotate(0deg);
		-webkit-transform:translate(0px,0px) rotate(0deg);
		-moz-transform:translate(0px,0px) rotate(0deg);
		opacity:1;
	}
}
@keyframes logoBack5 {
	0% {
		transform:translate(-300px,300px) rotate(720deg);
		-webkit-transform:translate(-300px,300px) rotate(720deg);
		-moz-transform:translate(-300px,300px) rotate(720deg);
		opacity:0;
	}
	100% {
		transform:translate(0px,0px) rotate(0deg);
		-webkit-transform:translate(0px,0px) rotate(0deg);
		-moz-transform:translate(0px,0px) rotate(0deg);
		opacity:1;
	}
}

@-webkit-keyframes logoBack6 {
	0% {
		transform:translate(-300px,-300px) rotate(1080deg);
		-webkit-transform:translate(-300px,-300px) rotate(1080deg);
		-moz-transform:translate(-300px,-300px) rotate(1080deg);
		opacity:0;
	}
	100% {
		transform:translate(0px,0px) rotate(0deg);
		-webkit-transform:translate(0px,0px) rotate(0deg);
		-moz-transform:translate(0px,0px) rotate(0deg);
		opacity:1;
	}
}
@keyframes logoBack6 {
	0% {
		transform:translate(-300px,-300px) rotate(1080deg);
		-webkit-transform:translate(-300px,-300px) rotate(1080deg);
		-moz-transform:translate(-300px,-300px) rotate(1080deg);
		opacity:0;
	}
	100% {
		transform:translate(0px,0px) rotate(0deg);
		-webkit-transform:translate(0px,0px) rotate(0deg);
		-moz-transform:translate(0px,0px) rotate(0deg);
		opacity:1;
	}
}

@-webkit-keyframes logoNameEn {
	0% {
		transform:translate(0px,30px);
		-webkit-transform:translate(0px,30px);
		-moz-transform:translate(0px,30px);
		opacity:0;
	}
	100% {
		transform:translate(0px,0px);
		-webkit-transform:translate(0px,0px);
		-moz-transform:translate(0px,0px);
		opacity:1;
	}
}
@keyframes logoNameEn {
	0% {
		transform:translate(0px,30px);
		-webkit-transform:translate(0px,30px);
		-moz-transform:translate(0px,30px);
		opacity:0;
	}
	100% {
		transform:translate(0px,0px);
		-webkit-transform:translate(0px,0px);
		-moz-transform:translate(0px,0px);
		opacity:1;
	}
}

@-webkit-keyframes showScroll {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes showScroll {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}