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. node.js - nodejs+express+vue2. python 字符串匹配問題3. java - web端百度網盤的一個操作為什么要分兩次請求服務器, 有什么好處嗎4. javascript - onclick事件點擊不起作用5. javascript - 如何獲取未來元素的父元素在頁面中所有相同元素中是第幾個?6. javascript - webpack-dev-server和webpack沖突嗎7. python - 如何把152753這個字符串轉變成時間格式15:27:538. 使用mysql命令行連接遠程數據庫host跳轉9. 數據庫 - Mysql的存儲過程真的是個坑!求助下面的存儲過程哪里錯啦,實在是找不到哪里的問題了。10. javascript - 我的站點貌似被別人克隆了, google 搜索特定文章,除了域名不一樣,其他的都一樣,如何解決?

網公網安備