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镜像push报错2. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？3. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？4. 如何解决docker宿主机无法访问容器中的服务？5. docker api 开发的端口怎么获取？6. android glide asbitmap 在baseadpter中的问题7. 老师，flex-shrink: 1; 按视频操作，不会自动缩放8. python - 字符串里的u’u00a1’怎么打印成中文9. python - 怎样在linux下开发flask web应用时查看代码出错（traceback）的地方。10. PHP中的$this代表当前的类还是方法？
网公网安备