Beyond Basic CSS: Typography, Color, Effects, & Animation

In this course, you’ll learn how type communicates and how styling and organization of written content affects the message. You’ll look at advanced features of web fonts and see how type designers are taking the fields of digital type to the next level.…

• Coursera
• 10 hours 6 minutes
• On-Demand
• Free Online Course (Audit)

Creating Web Media

High-quality media is a must for any website. Get tips for creating, optimizing, and implementing graphics, animation, video, and audio in the most modern way possible.

• LinkedIn Learning
• 5 hours
• On-Demand
• Free Trial Available

CSS Animation with Transition and Transform

192 ratings at Pluralsight

This course will show developers and designers how to add interactivity to a web page with the CSS transition and transform properties. The course includes extensive demonstrations from simple to complex, which aide us as we learn to create great visual…

• Pluralsight
• 2 hours 10 minutes
• On-Demand
• Free Trial Available

Mastering CSS Animations

47 ratings at Pluralsight

In this course, you gain a solid understanding of how CSS animations work, as well as practical experience when implementing them. Software required: Adobe Photoshop CC 2014, Sublime Text 2.

• Pluralsight
• 1 hour 35 minutes
• On-Demand
• Free Trial Available

Motion Design with CSS

21 ratings at Pluralsight

CSS animation is crucial to developing interactive designs and interfaces, and this course teaches one of the most performant ways to animate: CSS.

• Pluralsight
• 4 hours 3 minutes
• On-Demand
• Free Trial Available

Envato Tuts+

Handy CSS3 Animation Projects

Learn to enhance user experience with CSS animations in six mini projects, including SVG loaders and full-screen navigation overlays, with Envato Tuts+.

• YouTube
• 1 hour 7 minutes
• On-Demand
• Free Online Course

Scrimba

Animated Typewriter Effect with JavaScript & CSS

Master CSS animations and JavaScript with Scrimba's 1-2 hour program. Learn to create a typewriter effect, explore transitions, timing, transform, scaling, and integrate with JS.

• YouTube
• 1 hour 8 minutes
• On-Demand
• Free Online Course

Scrimba

CSS Animations Tutorial

Master CSS animations with Scrimba's interactive 2-3 hour tutorial. Learn to create user-friendly animations, apply them across browsers, and tackle real-world coding challenges.

• YouTube
• 2 hours 3 minutes
• On-Demand
• Free Online Course

Kevin Powell

How Is This Possible With CSS Only?

Explore CSS with Kevin Powell in under an hour, diving into the :has() pseudo-class, setting up custom properties, and creating animations.

• YouTube
• 20 minutes
• On-Demand
• Free Online Course

Kevin Powell

Animate From Display None

Learn to animate from 'display: none' in CSS with Kevin Powell in under an hour. Understand the problems and solutions related to backdrop and modal animations.

• YouTube
• 22 minutes
• On-Demand
• Free Online Course

Kevin Powell

Customizable Typewriter Animation With CSS

Learn to create a customizable typewriter animation using CSS in less than an hour with Kevin Powell. The program covers pseudo-elements, text animation, and customization techniques.

• YouTube
• 19 minutes
• On-Demand
• Free Online Course

DesignCourse

Animated AI Assets for the Web

Learn to create animated AI assets for web UIs with DesignCourse. Master mesh creation, bone rigging, animation, and web exporting in under an hour.

• YouTube
• 25 minutes
• On-Demand
• Free Online Course

Code with Ania Kubów

Rotating Planets in Just CSS - Simple Tutorial

Learn to build rotating planets with shadows in CSS with Ania Kubów in a 1-2 hour tutorial. Ideal for beginners in coding.

• YouTube
• 1 hour 1 minute
• On-Demand
• Free Online Course

Code with Ania Kubów

Code and Deploy a CSS Animated Website - Learn CSS Transform, Animations, SVGs

Learn CSS transform, animations, SVGs, and deploy an animated website with Ania Kubów. Material spans 2-3 hours.

• YouTube
• 2 hours 4 minutes
• On-Demand
• Free Online Course

Envato Tuts+

I Use CSS Keyframes in These 3 Unusual Ways

Learn the basics of CSS keyframe animations with Envato Tuts+ in under an hour. Discover unexpected uses, create typewriter effects, animate with spritesheets, and chain animations.

• YouTube
• 58 minutes
• On-Demand
• Free Online Course