@if $use-rotateIn == true {

	@-webkit-keyframes rotateIn {
		0% {
			-webkit-transform-origin: $rotate-origin;
			-webkit-transform: rotate(-$rotate-degrees-max);
			opacity: 0;
		}

		100% {
			-webkit-transform-origin: $rotate-origin;
			-webkit-transform: rotate(0);
			opacity: 1;
		}
	}
	@-moz-keyframes rotateIn {
		0% {
			-moz-transform-origin: $rotate-origin;
			-moz-transform: rotate(-$rotate-degrees-max);
			opacity: 0;
		}

		100% {
			-moz-transform-origin: $rotate-origin;
			-moz-transform: rotate(0);
			opacity: 1;
		}
	}
	@-o-keyframes rotateIn {
		0% {
			-o-transform-origin: $rotate-origin;
			-o-transform: rotate(-$rotate-degrees-max);
			opacity: 0;
		}

		100% {
			-o-transform-origin: $rotate-origin;
			-o-transform: rotate(0);
			opacity: 1;
		}
	}
	@keyframes rotateIn {
		0% {
			transform-origin: $rotate-origin;
			transform: rotate(-$rotate-degrees-max);
			opacity: 0;
		}

		100% {
			transform-origin: $rotate-origin;
			transform: rotate(0);
			opacity: 1;
		}
	}

	.rotateIn {
		@include animate-prefixer(animation-name, rotateIn);
	}

}