怎样实现来回飞

来源:3-4 元素运动实现

qq_结局_0

2015-12-19 21:12

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

写回答 关注

1回答

  • 归去
    2015-12-19 21:43:23

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

H5+JS+CSS3 实现圣诞情缘

为圣诞节准备的H5+JS+CSS特效案例教程,实现静与动的结合

122038 学习 · 211 问题

查看课程

相似问题