YoVDO

Handy CSS3 Animation Projects

Offered By: Envato Tuts+ via YouTube

Tags

CSS Animation Courses Web Development Courses User Experience Courses

Course Description

Overview

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+

Related Courses

CSS Animation With Latest Effects - 2020
Udemy
Creative Advanced CSS & JavaScript Animations - 150 Projects
Udemy
Level Up Your CSS Animation Skills
Udemy
Advanced CSS and Sass: Flexbox, Grid, Animations and More!
Udemy
CSS - Basics to Adv for front end development
Udemy