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
Learn Javascript - 21 Essential Array MethodsCoursera Project Network via Coursera 3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn A Simple Scatter Plot using D3 js
Coursera Project Network via Coursera Access WebView in an Android Studio Project
Coursera Project Network via Coursera Deployment Pipelines using GitHub Actions
A Cloud Guru