Cursor Animations Using GSAP - HTML, CSS & JavaScript
Offered By: Wrong Akram via YouTube
Course Description
Overview
Learn to create captivating cursor animations using GSAP, HTML, CSS, and JavaScript in this 28-minute tutorial. Explore techniques inspired by cuberto.com as you build a custom cursor, animate it with JavaScript, scale media on hover, implement cursor media changes, add blend effects, and incorporate a loading animation. Follow along with provided project files, code samples, and resources to enhance your web design skills and create engaging user interfaces.
Syllabus
- Intro
- Grab project files
- Project Breakdown
- Build HTML & CSS for cursor
- Add Javascript to animate cursor
- Scale media cursor on hover
- Change media for cursor
- Add blend effects
- Add Loading Animation
Taught by
Wrong Akram
Related Courses
Vue 3 Animations & Transitions TutorialNet Ninja via YouTube The Complete GSAP: JavaScript ,HTML and CSS Course for 2023
Udemy Creating an HTML5 Banner Ad with GreenSock (GSAP)
LinkedIn Learning CSS: Scrolling and Parallax
LinkedIn Learning SVG Essentials & Animation, v2
Frontend Masters