@-webkit-keyframes smile-3DSlit {

	from {
		opacity: 0;
	}

	50% {
		-webkit-transform: translateZ(-250px) rotateY(89deg);
		opacity: 0.5;
		-webkit-animation-timing-function: ease-out;
	}

	100% {
		-webkit-transform: translateZ(0) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes smile-3DSlit {

	from {
		opacity: 0;
	}

	50% {
		transform: translateZ(-250px) rotateY(89deg);
		opacity: 0.5;
		animation-timing-function: ease-out;
	}

	100% {
		transform: translateZ(0) rotateY(0deg);
		opacity: 1;
	}
}

.smile-3DSlit {
	-webkit-animation-name: smile-3dslit;
	animation-name: smile-3DSlit;
	-webkit-perspective: 1300px;
	perspective: 1300px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
	-webkit-transform: translateZ(-3000px) rotateY(90deg);
	transform: translateZ(-3000px) rotateY(90deg);
}