CSS in Motion - Animations for Fun and Profit

Explore CSS animations and transitions in this conference talk from NDC Oslo 2022. Learn how to create more natural and user-friendly interfaces by implementing motion between UI states. Discover when to use animations, understand the differences between transitions and animations, and master keyframe implementation. Examine CSS limitations and JavaScript alternatives, while considering important accessibility concerns. Gain practical knowledge through examples of hover effects, menu transitions, and loader animations. Enhance your web development skills by understanding how to create smoother, more intuitive user experiences that mimic real-world interactions.

Intro
Why use a transition
Hover transition example
Accessibility
Animations
Keyframes
CSS Accessibility
CSS Motion
Timing