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

Programming Languages
University of Virginia via Udacity Building a Basic Website
University of Massachusetts Amherst via Independent iDESWEB, Introducción al desarrollo web
Miríadax Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity Web Application Architectures
University of New Mexico via Coursera