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-machine添加一個已有的docker主機問題2. java-ee - JAVA的注解@Api和@ApiOperation的作用是什么，怎么跳轉頁面的3. java - mybatis會自己緩存自己生成過的prestatement嗎4. java - 原生CGLib內部方法互相調用時可以代理，但基于CGLib的Spring AOP卻代理失效，為什么？5. java - tomcat服務經常晚上會掛，求解？6. node.js - node express 中ajax post請求參數接收不到？7. apache - nginx 日志刪除后 重新建一個文件 就打不了日志了8. 怎么能做出標簽切換頁的效果，（文字內容隨動）9. mysql - mongo如何對一個collection進行順序上的調整呢？10. chrome瀏覽器怎么使用
網公網安備