File: lib/ani/elastic-in-right.scss
@charset "utf-8";
@import "classes";
/**
* @class ani
* @module Yo
*/
/**
* 定义从右侧弹性进入动画
* @method elastic-in-right
*/
@-webkit-keyframes elastic-in-right {
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
}
}
@keyframes elastic-in-right {
0% {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
.ani.elastic-in-right {
-webkit-animation-name: elastic-in-right;
animation-name: elastic-in-right;
}