scroll-anim

What problem does it solve?

This Skill automates the process of adding dynamic scroll-driven animations to web page elements, enhancing user engagement and visual appeal without manual coding for each animation.

Core Features & Use Cases

• Scroll-Triggered Animations: Easily create animations that play as users scroll down a page.
• Pre-built Animation Types: Utilizes GSAP, ScrollTrigger, and SplitText for various effects like fades, reveals, parallax, and text animations.
• Customizable Animations: Provides a base class for creating unique scroll animations tailored to specific design needs.
• Use Case: Add a "fade-in" effect to images and text blocks as they enter the viewport, or create a parallax scrolling effect for background elements.

Quick Start

Apply a fade-in animation to the element with the class 'hero-title'.