/*=============   动画定义   =============*/


/*=====360度旋转   START======*/

@-webkit-keyframes layui-rotate {
	from {
		-webkit-transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes layui-rotate {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(360deg)
	}
}

.layui-anim-rotate {
	-webkit-animation-name: layui-rotate;
	animation-name: layui-rotate;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}


/*=====360度旋转  END======*/


/*=====90度旋转   START======*/

@-webkit-keyframes layui-rotate90 {
	from {
		-webkit-transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(90deg)
	}
}

@keyframes layui-rotate90 {
	from {
		transform: rotate(0)
	}
	to {
		transform: rotate(90deg)
	}
}

.layui-anim-rotate90 {
	-webkit-animation-name: layui-rotate90;
	animation-name: layui-rotate90;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}


/*=====90度旋转  END======*/