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 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

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

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

Envato Tuts+

Handy CSS3 Animation Projects

Build six practical CSS animation projects to enhance web interactivity, including toggle sliders, loaders, notifications, and navigation overlays. Improve user experience through motion.

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