css3的复杂动画转成jquery调用怎么写-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

css3的复杂动画转成jquery调用怎么写

PHP中文网 2017-04-17 11:19:16

463

@-webkit-keyframes bounceInRight {
0%, 100%, 60%, 75%, 90% {
-webkit-animation-timing-function: cubic-bezier(0.215, .61, .355, 1);
animation-timing-function: cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
100% {
-webkit-transform: none;
transform: none
}
}

.animatedtemo {
-webkit-animation-name:bounceInRight;
-webkit-animation-duration: 2s;
animation-duration:2s;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards
}