This repository contains various GSAP (GreenSock Animation Platform) examples demonstrating different animation techniques.
GSAP-main/
│── 01.Basic Animation/ # Simple GSAP animations
│ ├── index.html
│ ├── script.js
│ ├── style.css
│
│── 02.ScrollTrigger/ # Scroll-based animations using GSAP ScrollTrigger
│ ├── index.html
│ ├── script.js
│ ├── style.css
│
│── 03.SVGanimations/ # Animating SVG elements with GSAP
│ ├── index.html
│ ├── script.js
│ ├── style.css
- Clone the repository:
git clone <repository-url>
- Open any folder and run the
index.htmlfile in your browser.
- Basic GSAP animations: Simple tween animations.
- ScrollTrigger animations: Animations triggered by scrolling.
- SVG Animations: Animating SVG elements smoothly.
This project uses GSAP. If needed, include GSAP in your HTML files:
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>Feel free to fork and improve the animations. Pull requests are welcome!
This project is open-source and free to use.
Happy Animating! 🎨✨