CSS Transitions Courses and Certifications

Creative Advanced CSS & JavaScript Animations - 150 Projects

2493 ratings at Udemy

Master Advanced CSS & JavaScript Animations, Transitions and Transforms And Practice with 150 Creative Projects!

• Udemy
• 20 hours 26 minutes
• Self-Paced
• Paid Course

CSS Animation Tutorial

1 rating

Learn to create interactive website effects with CSS transforms, transitions, keyframes, timing functions, and chained animations.

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

Learn how to implement elegant transitions, create new layouts and serve users with dynamic needs.

• Codecademy
• 10 hours
• Self-Paced
• Free Trial Available

CSS: Zero to Hero in CSS by Styling a Website from Scratch

1294 ratings at Udemy

Become an Expert in CSS and CSS3 With Styling, Grid, Flexbox, Animations, Transitions, and more; No experience needed!

• Udemy
• 6 hours 18 minutes
• Self-Paced
• Free Online Course

Packt

Real-World Projects & Advanced Animations

Build the Tutor and Leno websites with CSS transitions, keyframes and 3D transforms, BEM-structured CSS, media queries, and JavaScript touches like hamburger menus and video modals.

• Coursera
• 6 weeks, 2 hours a week
• Self-Paced
• Paid Course

The Delightful World of Vue Part 2

Build a cart and checkout in Vue: dynamic components, mixins, parallel AJAX with promises, deep watchers, transitions, and a reusable form input with validation.

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

Animating SVG with CSS Course (How To)

85-minute CSS course: SVG (Scalable Vector Graphics) also supports interactivity and animation, so you can animate and interact with SVG like you'r...

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

Reproduce Popular Web Components

Recreate popular web interface components from scratch: Stripe's follow-along menu, image pins that stick while scrolling, an event table layout, and modals and tabs.

• Laracasts
• 1 hour 54 minutes
• Self-Paced
• Paid Course

CSS Tips and Tricks

Learn practical CSS techniques for animation, theming, performance, layout, and visual effects using modern properties and CSS variables.

• egghead.io
• 47 minutes
• Self-Paced
• Free Online Course

Create Smooth, Performant Transitions with React Transition Group v2

Animate React components in and out of the DOM with React Transition Group v2: CSSTransition, appear/enter/exit props, lifecycle props, list and page transitions.

• egghead.io
• 34 minutes
• Self-Paced
• Paid Course

Learn CSS Animations for a Better User Experience

Animate page elements with CSS: scale, rotate, translate, and skew with the transform property, then smooth changes using transition.

• egghead.io
• 10 minutes
• Self-Paced
• Paid Course

Style an Application from Start to Finish

Follow the full styling workflow on an unstyled React todo app: flat class names, semantic markup, plain-CSS forms and icons, media queries, and transitions.

• egghead.io
• 2 hours 4 minutes
• Self-Paced
• Paid Course

Tailwind CSS 4+

Learn Tailwind CSS's utility-first approach for responsive, and customizable web designs. Master themes, layers, responsive breakpoints, dark mode, and more to create maintainable user interfaces!

• Independent
• 4 hours
• Self-Paced
• Paid Course

Tailwind Trainer

In this training game, you'll play bite-sized lessons where you identify the Tailwind 4 utility classes you're presented.

• Independent
• Self-Paced
• Free Online Course

Traversy Media

CSS3 Animation & Transitions Crash Course

Learn CSS keyframes and transitions by experimenting with animated elements and building a small landing page with entry and hover effects.

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