API Docs for: 1.3.1
Show:

File: lib/ani/elastic-x.scss

@charset "utf-8";
@import "classes";

/**
 * @class ani
 * @module Yo
 */

/**
 * 定义X轴弹性动画
 * @method elastic-x
 */

@-webkit-keyframes elastic-x {
	0%,
	20%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
	}
	30% {
		-webkit-transform: translate3d(20px, 0, 0);
	}
	50% {
		-webkit-transform: translate3d(-20px, 0, 0);
	}
	65% {
		-webkit-transform: translate3d(10px, 0, 0);
	}
	80% {
		-webkit-transform: translate3d(-10px, 0, 0);
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
	}
}
@keyframes elastic-x {
	0%,
	20%,
	100% {
		transform: translate3d(0, 0, 0);
	}
	30% {
		transform: translate3d(20px, 0, 0);
	}
	50% {
		transform: translate3d(-20px, 0, 0);
	}
	65% {
		transform: translate3d(10px, 0, 0);
	}
	80% {
		transform: translate3d(-10px, 0, 0);
	}
	90% {
		transform: translate3d(5px, 0, 0);
	}
}


.ani.elastic-x {
	-webkit-animation-name: elastic-x;
	animation-name: elastic-x;
}