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 - 微信小程序 wx.downloadFile下载文件大小有限制吗2. mysql - 仅仅只是把单引号与反斜杠转义不用prepare statement能否避免sql注入？3. javascript - 天猫首页首屏数据来源4. mysql在限制条件下筛选某列数据相同的值5. 新入手layuiadmin，部署到tp中。想用php自已写一个后台管理系统。6. android - 安卓做前端，PHP做后台服务器 有什么需要注意的？7. php - 生产环境下,给MySQL添加索引,修改表结构操作,如何才能让线上业务不受影响？8. mysql - 拖拽重排序后怎么插入数据库?9. macOS Sierra 10.12 安装mysql 5.7.1出现错误10. mysql 获取时间函数unix_timestamp 问题？
网公网安备