Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Handy CSS3 Animation Projects

Envato Tuts+ via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Build six practical CSS3 animation projects in this one-hour video course to enhance web interactivity and user experience. Learn to create a toggle slider checkbox, SVG page loader, card notification, scrolling mouse animation, hamburger menu icon transformation, and full-screen navigation overlay. Access project demos on CodePen and gain hands-on experience implementing motion and interactivity in web designs. Ideal for web developers looking to improve their CSS animation skills and create more engaging user interfaces.

Syllabus

1.1 Welcome to the Course
2.1 Toggle Slider Checkbox
2.2 SVG Page Loader
2.3 Card Notification
2.4 Scrolling Mouse Animation
2.5 Hamburger Menu Icon to Cross
2.6 Full-Screen Navigation Overlay

Taught by

Envato Tuts+

Reviews

Start your review of Handy CSS3 Animation Projects

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.