css3的復(fù)雜動(dòng)畫轉(zhuǎn)成jquery調(diào)用怎么寫
問題描述
@-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}
問題解答
回答1：-webkit-animation-name:bounceInRight;
這個(gè)單獨(dú)那出來做一個(gè)樣式類jquery只用為這個(gè)元素添加這個(gè)類就可以執(zhí)行動(dòng)畫了
相關(guān)文章：
1. docker綁定了nginx端口 外部訪問不到2. 前端 - html5 audio不能播放3. javascript - 最近用echarts做統(tǒng)計(jì)圖時(shí)遇到兩個(gè)問題！！4. javascript - 深夜被問題困擾求解惑，rn的API之PermissionsAndroidd的問題5. mysql - 我的myeclipse一直連顯示數(shù)據(jù)庫連接失敗，不知道為什么6. redis sentinel怎么跑守護(hù)進(jìn)程以及日志記錄位置的？7. android權(quán)限被第三方安全軟件禁止，如何獲取該權(quán)限狀態(tài)8. android - 優(yōu)酷的安卓及蘋果app還在使用flash技術(shù)嗎？9. 利用百度地圖API定位及附件商家信息服務(wù)10. nginx - ssl加密訪問證書不受信任
網(wǎng)公網(wǎng)安備