API Docs for: 1.3.1
Show:

File: lib/ani/stretch.scss

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

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

/**
 * 定义橡皮圈拉伸回弹动画
 * @method stretch
 */

@-webkit-keyframes stretch {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
	}
	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
	}
	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
	}
	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
	}
	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
	}
	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
	}
}
@keyframes stretch {
	0% {
		transform: scale3d(1, 1, 1);
	}
	30% {
		transform: scale3d(1.25, .75, 1);
	}
	40% {
		transform: scale3d(.75, 1.25, 1);
	}
	50% {
		transform: scale3d(1.15, .85, 1);
	}
	65% {
		transform: scale3d(.95, 1.05, 1);
	}
	75% {
		transform: scale3d(1.05, .95, 1);
	}
	100% {
		transform: scale3d(1, 1, 1);
	}
}

.ani.stretch {
	-webkit-animation-name: stretch;
	animation-name: stretch;
}