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
Intro to AJAXUdacity Web Design for Everybody Capstone
University of Michigan via Coursera Web Design for Everybody Capstone
University of Michigan via Coursera Developing Dynamic Web Applications Using Angular
Microsoft via edX Project Management: Mastering Complexity
Delft University of Technology via edX