Animate Settings


  • Animation: (select) The CSS3 animation to active over scroll
    • Default: Fade In Down
    • Possible Values:
      • —- Attention Seekers —-
      • Flash
      • Bounce
      • Shake
      • Tada
      • Swing
      • Wobble
      • Wiggle
      • Pulse
      • —- Flippers —-
      • Flip
      • Flip In X
      • Flip In Y
      • Flip Out X
      • Flip Out Y
      • —- Fade In —-
      • Fade In
      • Fade In Up
      • Fade In Down
      • Fade In Left
      • Fade In Right
      • Fade In Up Big
      • Fade In Down Big
      • Fade In Left Big
      • Fade In Right Big
      • —- Fade Out —-
      • Fade Out
      • Fade Out Up
      • Fade Out Down
      • Fade Out Left
      • Fade Out Right
      • Fade Out Up Big
      • Fade Out Down Big
      • Fade Out Left Big
      • Fade Out Right Big
      • —- Bounce In —-
      • Bounce In
      • Bounce In Up
      • Bounce In Down
      • Bounce In Left
      • Bounce In Right
      • —- Bounce Out —-
      • Bounce Out
      • Bounce Out Up
      • Bounce Out Down
      • Bounce Out Left
      • Bounce Out Right
      • —- Rotate In —-
      • Rotate In
      • Rotate In Up Left
      • Rotate In Up Right
      • Rotate In Down Left
      • Rotate In Down Right
      • —- Rotate Out —-
      • Rotate Out
      • Rotate Out Up Left
      • Rotate Out Up Right
      • Rotate Out Down Left
      • Rotate Out Down Right
      • —- Zoom In —-
      • Zoom In
      • Zoom In Up
      • Zoom In Down
      • Zoom In Left
      • Zoom In Right
      • —- Zoom Out —-
      • Zoom Out
      • Zoom Out Up
      • Zoom Out Down
      • Zoom Out Left
      • Zoom Out Right
      • —- Special —-
      • Speed In
      • Hinge
      • Roll In
      • Roll Out
  • Animate Infinite?: (checkbox) Animate Infinitely
    • Default: false
  • Duration: (number) The length of time the animation will play
    • Default: 800ms
    • Min Value: 0ms
    • Max Value: 30000ms
  • Delay: (number) Delay before the animation starts
    • Default: 0ms
    • Min Value: 0ms
    • Max Value: 30000ms
  • Offset: (number) Distance to start the animation from the top of the section to the bottom of the users screen
    • Default: 100px
    • Min Value: 0px
    • Max Value: 1000px
  • Repeat: (number) Number of times the animation is repeated
    • Default: 1times
    • Min Value: 1times
    • Max Value: 100times

  • Info: You can disable animations for Mobile devices inside Site Styles