CSS3动画

共 3 篇文章

自定义swiper动画之实现两段动画效果

自定义swiper动画之实现两段动画效果

Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件。但若是一个元素需要两个甚至多个动画等样式时,原本的动画特效便难以满足需求了,毕竟一个元素只能加一个特效,对于多余的,后者会把前者覆盖。 搜了好久解决办法,唯一有用的只有Swiper中文网论坛中的一句“只需要将两段动画在animate.css中的动画定义拼接起来即可。当然要修改行进轨迹,就是那个百分比啦”。 对于初次接触的小白来说,还是不太容易理解的。折腾了一段时间,偶然灵光一闪,体会到了其中的深刻含义,放于此处,与大家共享。 此处代码为向上渐入特效(fadeInUp)与晃动特效(shake)的结合。