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

Learn Javascript - 21 Essential Array Methods
Coursera 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