css3的復雜動畫轉成jquery調用怎么寫
問題描述
@-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;
這個單獨那出來做一個樣式類jquery只用為這個元素添加這個類就可以執行動畫了
相關文章：
1. javascript - 如圖，百度首頁，查看源代碼為什么什么都沒有？2. android - weex 項目createInstanceReferenceError: Vue is not defined3. html - 關于CSS實現border的0.5px設置？4. javascript - 原生APP內嵌H5頁面分享到微信朋友圈，二次分享問題。5. javascript - 為什么clearInterVal不起作用呢？6. PHPExcel表格導入數據庫怎么導入7. android - 哪位大神知道java后臺的api接口的對象傳到前端后輸入日期報錯，是什么情況？求大神指點8. pdo 寫入到數據庫的內容為中文的時候寫入亂碼9. PHP類封裝的插入數據，總是插入不成功，返回false；10. vue2.0+webpack 如何使用bootstrap？
網公網安備