CSS Animation Courses and Certifications

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

Explore advanced CSS techniques for typography, color theory, visual effects, and animations to enhance web design and user experience.

• Coursera
• 9 hours 52 minutes
• Self-Paced
• Paid Course

Kevin Powell

Customizable Typewriter Animation With CSS

Learn to create a customizable typewriter animation using CSS, including text reveal, caret blinking, and easy customization techniques for engaging web designs.

• YouTube
• 19 minutes
• Self-Paced
• Free Video

Kevin Powell

Creating a Diamond Grid with CSS and Animation

Learn to create an eye-catching diamond grid using CSS, including advanced techniques for shape manipulation, animations, and hover effects to enhance your web design skills.

• YouTube
• 26 minutes
• Self-Paced
• Free Video

Kevin Powell

Creating an Infinite Horizontal Scroll Animation - CSS Tutorial

Learn to create an accessible infinite horizontal scroll animation using CSS and JavaScript, with options for speed and direction while respecting user preferences for reduced motion.

• YouTube
• 32 minutes
• Self-Paced
• Free Video

Web Conferences Amsterdam

Getting Creative with Keyframes - CSS Animation Synchronization Techniques

Explore advanced CSS animation techniques for synchronizing multiple objects with complex keyframes, durations, and timing functions. Learn practical strategies for creating intricate, coordinated animations.

• YouTube
• 42 minutes
• Self-Paced
• Free Video

Scrimba

CSS UI Effects: Shadows, Gradients & Animations

Master modern UI design techniques by combining shadows, gradients, and animations to create polished, interactive web interfaces with depth and visual appeal that enhance user experience.

• Coursera
• 2 hours 59 minutes
• Self-Paced
• Paid Course

Packt

Real-World Projects & Advanced Animations

Master advanced CSS animations, transitions, and JavaScript integration for dynamic web projects. Create responsive websites with 3D transforms, BEM methodology, and interactive elements through hands-on Tutor and Leno website projects.

• Coursera
• 10 hours 52 minutes
• Self-Paced
• Paid Course

CSS Animation Tutorial

1 rating

Learn to create dynamic web elements using CSS transforms, transitions, keyframes, and advanced animation techniques for engaging user interfaces.

• YouTube
• 1 hour 30 minutes
• Self-Paced
• Free Video

(UPI) Chapter 11: How to use CSS transitions, transforms, animations, and filters Course (How To)

64-minute College Credit course: This course is part of our College Credit Program, designed to help you earn college credit while mastering valuab...

• Treehouse
• 1 hour 4 minutes
• Self-Paced
• Free Trial Available

Motion For The Web

Master modern web animation from CSS transitions to JavaScript motion systems, covering accessibility, scroll effects, SVG techniques, and powerful libraries like GSAP.

• Laracasts
• 4 hours 19 minutes
• Self-Paced
• Paid Course

CODE4EDUCATION

Responsive Slide Image Effect Using HTML CSS JS - CSS Animation Effect

Aprenda a criar um efeito de slide de imagem responsivo usando HTML, CSS e JavaScript. Tutorial prático com animações e design responsivo para desenvolvedores web.

• YouTube
• 22 minutes
• Self-Paced
• Free Video

Kevin Powell

Animate From Display None

Learn techniques for animating elements with display:none, focusing on the dialog element. Explore solutions for smooth transitions, handling backdrops, and creating closing animations.

• YouTube
• 22 minutes
• Self-Paced
• Free Video

ByteGrad

CSS Tutorials - Complete Course with Flexbox, Grid, Animations, and Responsive Design

Discover CSS fundamentals through hands-on tutorials covering Flexbox, Grid, animations, responsive design, and real-world layout solutions with practical examples.

• YouTube
• 8 hours 4 minutes
• Self-Paced
• Free Video

Level Up Your CSS Animation Skills

457 ratings at Udemy

A practical guide to creating amazing CSS animation on the web

• Udemy
• 3 hours 43 minutes
• Self-Paced
• Paid Course

DesignCourse

Animated AI Assets for the Web

Learn to create animated AI assets for web UIs using Midjourney and Rive. Master mesh creation, bone rigging, and animation techniques to enhance your designs with unique, eye-catching elements.

• YouTube
• 25 minutes
• Self-Paced
• Free Video