YoVDO

Cursor Animations Using GSAP - HTML, CSS & JavaScript

Offered By: Wrong Akram via YouTube

Tags

GSAP (GreenSock Animation Platform) Courses Computer Science Courses Javascript Courses HTML Courses Front-end Development Courses

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 Tutorial
Net 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