Using motion in your web project and adding an extra degree of interactivity can really improve the user experience. In this short course, you’ll build six small but useful projects that use CSS animations.

CodePen Collection With Demos From the Course: https://codepen.io/collection/nNpgvP/

► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_campaign=yt_tutsplus_vNc2s-ic1cc&utm_medium=referral&utm_source=youtube.com&utm_content=description

1. Introduction
0:00 1.1 Welcome to the Course

2. The Projects
1:07 2.1 Toggle Slider Checkbox
10:33 2.2 SVG Page Loader
20:05 2.3 Card Notification
32:24 2.4 Scrolling Mouse Animation
41:32 2.5 Hamburger Menu Icon to Cross
51:56 2.6 Full-Screen Navigation Overlay

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt_tutsplus_vNc2s-ic1cc&utm_medium=referral&utm_source=youtube.com&utm_content=description

► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes: https://elements.envato.com/?utm_campaign=yt_tutsplus_vNc2s-ic1cc&utm_medium=referral&utm_source=youtube.com&utm_content=description