swiper中提供的动画效果

目前就只有这些,大家也可以尝试自己写一些想要的效果。动手试试,才能清楚每个效果具体是怎么回事~

bounce:弹跳两下出来
flash:闪烁两下
pulse:脉冲形式出来
rubberBand:橡皮圈形式弹出
shake:抖动形式
swing:上下摇摆荡秋千
tada:上下跳动在回归
wobble:左上角大幅摇摆

hinge:钉子定在一处摇摆的感觉

  • bounceIn
  • bounceInDown
  • bounceInLeft
  • bounceInRight
  • bounceInUp
  • bounceOut
  • bounceOutDown
  • bounceOutLeft
  • bounceOutRight
  • bounceOutUp
  • fadeIn
  • fadeInDown
  • fadeInDownBig:没有观察出任何与fadeInDown不同的特效
  • fadeInLeft
  • fadeInLeftBig
  • fadeInRight
  • fadeInRightBig
  • fadeInUp
  • fadeInUpBig
  • fadeOut
  • fadeOutDown
  • fadeOutDownBig
  • fadeOutLeft
  • fadeOutLeftBig
  • fadeOutRight
  • fadeOutRightBig
  • fadeOutUp
  • fadeOutUpBig
  • flip:翻转着绕一个大圈回来
  • flipInX:在X周摇摆一下
  • flipInY
  • flipOutX
  • flipOutY
  • lightSpeedIn:从上方不远处沿弧形划过来
  • lightSpeedOut
  • rotateIn:以一个向下圈形轨迹出来
  • rotateInDownLeft
  • rotateInDownRight
  • rotateInUpLeft
  • rotateInUpRight
  • rotateOut
  • rotateOutDownLeft
  • rotateOutDownRight
  • rotateOutUpLeft
  • rotateOutUpRight
  • rollIn
  • rollOut
  • zoomIn变焦
  • zoomInDown
  • zoomInLeft
  • zoomInRight
  • zoomInUp
  • zoomOut
  • zoomOutDown
  • zoomOutLeft
  • zoomOutRight
  • zoomOutUp
  • slideInDown 幻灯片
  • slideInLeft
  • slideInRight
  • slideInUp
  • slideOutDown
  • slideOutLeft
  • slideOutRight
  • slideOutUp

你可能感兴趣的:(IP)