/* ------------------------------------------------------------
 * File:	rotate.css
 * ------------------------------------------------------------ */

.imageWrapper {
	position: absolute;
	}

.animateOnce {
	animation-iteration-count: 1;
	-webkit-animation: rotationY 0.5s normal forwards;
	-moz-animation: rotationY 0.5s normal forwards;
	-o-animation: rotationY 0.5s normal forwards;
	}

.center-screen {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%,-50%);
	z-index: 999999999;
	}

.rotateY {
	margin: auto;
	animation: rotationY 6s infinite linear;
	}
.rotateX {
	width: 400px;
	animation: rotationX 6s infinite linear;
	}
.rotate {
	width: 300px;
	animation: rotation 6s infinite linear;
	}

@keyframes rotation {
	from {
		transform: rotate (0deg);
		}
	to {
		transform: rotate (360deg);
		}
	}
@keyframes rotationY {
	from {	transform:rotateY(0deg);
		}
	to {	transform:rotateY(360deg);
		}
	}

.rotateMe {
	margin: auto;
	animation: rotationY 5s linear infinite;
	}