Anyside Button
Arrow Button
Arrow Button v2
Arrow Button v3
Arrow Button v4
Arrow Button v5
Arrow Button v6
Arrow Button v7
Arrow Button v8
Blurry Button
Bubbles Button
Crystal Button
Dot Button
Dot Button v2
Dot Button v3
FlipFlop Button
FlipFlop Button v2
FlipFlop Button v3
Glowing Button
Marquee Button
Marquee Button v2
Mask Button
Modal Button
Nudge Button
Pixels Button
Prism Button
Prism Button v2
Rainbow Button
Reel Button
Ripple Button
Ripple Button v2
Ripple Button v3
Ripple Button v4
Ripple Button v5
Ripple Button v6
Ripple Button v7
Shiny Button
Squeezy Radius Button
Strip Button
Stripes Button
Scroll Reading
Content tab
Mask group
Mask color: the color of the mask. It should be equal to the background behind Scroll Reading to achieve a nice effect.
Mask zIndex: the Mask should have a high z-index. Otherwise other elements at the layout could overlap the animation.
Text opacity: determines the opacity of the text when the mask is still on it and it hasn’t be revealed yet.
Animation group
Split type: determines how the title will be text: lines, words or chars.
Duration
ScrollTrigger group
Scroll Reading animation uses ScrollTrigger Library to fire on scroll. Learn more about ScrollTrigger here.
Start: determines the position of the Trigger to fire the animation. “top bottom” means when the top of the element hits the bottom of the viewport.
End: determines the end of the animation if needed. It is specially useful when using the Scrub property.
Scroller: the element that will act as the scrolling viewport. It is the body by default.