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. docker api 開發的端口怎么獲取？2. golang - 用IDE看docker源碼時的小問題3. docker images顯示的鏡像過多，狗眼被亮瞎了，怎么辦？4. dockerfile - 為什么docker容器啟動不了？5. 關于docker下的nginx壓力測試6. nignx - docker內nginx 80端口被占用7. html - flask后臺傳一個null到前端8. python - 在sqlalchemy中獲取剛插入的數據id?9. jpa mysql 如何id自增初始值？10. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下
網公網安備