Skip to content

Instantly share code, notes, and snippets.

@nwebpro

nwebpro/Website Scroll Reveal Animation Code

Last active November 9, 2023 06:56
Show Gist options
  • Save nwebpro/37fd8b10fc3eb4349837479924a5b718 to your computer and use it in GitHub Desktop.
Save nwebpro/37fd8b10fc3eb4349837479924a5b718 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Website Scroll Reveal Animation Code
Website Link - https://scrollrevealjs.org/
// Activation Code
ScrollReveal({reset: true,distance: '60px',duration: 1500, delay: 200})
// With Interval Animation
ScrollReveal().reveal('.winbridge_left_animation_with_interval', {delay: 200, origin: 'left', interval: 200})
ScrollReveal().reveal('.winbridge_right_animation_with_interval', {delay: 200, origin: 'right', interval: 200})
ScrollReveal().reveal('.winbridge_bottom_animation_with_interval', {delay: 200, origin: 'bottom', interval: 200})
ScrollReveal().reveal('.winbridge_top_animation_with_interval', {delay: 200, origin: 'top', interval: 200})
// Delay Animation
ScrollReveal().reveal('.winbridge_left_animation', {delay: 200, origin: 'left'})
ScrollReveal().reveal('.winbridge_right_animation', {delay: 200, origin: 'right'})
ScrollReveal().reveal('.winbridge_bottom_animation', {delay: 200, origin: 'bottom'})
ScrollReveal().reveal('.winbridge_top_animation', {delay: 200, origin: 'top'})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment