                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /H5+JS+CSS3 实现圣诞情缘

怎样实现来回飞

能不能在一次点击下实现来回飞呢

qq_结局_0

2015-12-19

源自：H5+JS+CSS3 实现圣诞情缘 3-4

关注问题我要回答

1315

操作

收起

1 回答

归去
2015-12-19

先定义一个类名，加上css3动画animation，animation里弄个来回飞的动画就行了，然后用js给点击元素加上这个定义好的类名就会出现你要的效果了，在动画结束的时候，你可以使用animationEnd事件（这个需要封装成一个兼容的函数好点，可以参考bootstrap对transitionEnd事件的封装），来移除刚加上去的类名，下次点击再加上，就可以循环有来回飞的效果了。