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
• 10 hours 6 minutes
• On-Demand
• Free Online Course (Audit)

CSS Animation with Transition and Transform

192 ratings at Pluralsight

In CSS Animation with Transition and Transform, you will learn to bring life to your web page and create a great user experience with only the use of CSS.

• 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

Web browsers can display stunning CSS animations and transitions. This course, Motion Design with CSS, shows how you can use CSS animations and transitions to enhance your web applications with powerful, information-rich motion and color. CSS is one of…

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

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
• On-Demand
• Free Video

Envato Tuts+

I Use CSS Keyframes in These 3 Unusual Ways

Explore advanced CSS keyframe animation techniques, including typewriter effects, spritesheet animations, and chained animations, to enhance your web design skills and create engaging visual elements.

• YouTube
• 58 minutes
• On-Demand
• Free Video

Kevin Powell

Animate Navigation on Scroll - CSS-Only and Easy to Customize

Learn to create an animated navigation bar on scroll using CSS, with easy customization options and browser support considerations.

• YouTube
• 27 minutes
• On-Demand
• 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
• On-Demand
• Free Video

Web Monkey

Add CSS Animations Without Code - CSS Hero Animator Plugin Review

Learn to enhance your WordPress site with eye-catching CSS animations using the CSS Hero Animator plugin - no coding required. This tutorial demonstrates easy implementation for visual appeal.

• YouTube
• 23 minutes
• On-Demand
• Free Video

Code with Ania Kubów

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

Learn to create and deploy a visually stunning website using CSS transforms, animations, and SVGs. Master advanced techniques for dynamic and engaging web design.

• YouTube
• 2 hours 4 minutes
• On-Demand
• Free Video

Kevin Powell

CSS-Only Text Reveal Scroll Effect Tutorial

Learn to create a CSS-only text reveal scroll effect, including gradient text, animation timing, and matching the original design in this hands-on tutorial.

• YouTube
• 17 minutes
• On-Demand
• Free Video

Web Conferences Amsterdam

Liven Up Your Websites with Scroll-Driven Animations and View Transitions

Learn to create polished and fluid user interfaces using View Transitions and Scroll-Driven Animations, enhancing usability and user experience on your websites.

• YouTube
• 1 hour 4 minutes
• On-Demand
• 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
• On-Demand
• Free Video

Web Conferences Amsterdam

Animations and Transitions in CSS - CSS Day 2013

Explore CSS animations and transitions for creating dynamic, engaging web interfaces with expert insights on implementation and best practices.

• YouTube
• 46 minutes
• On-Demand
• Free Video

Web Conferences Amsterdam

Efficient CSS Animations

Explore browser optimizations for CSS animations, learn techniques to enhance performance, and understand how to effectively implement and analyze efficient animations.

• YouTube
• 46 minutes
• On-Demand
• Free Video