Learn AI, Data Science & Business — Earn Certificates That Get You Hired
Lead AI Strategy with UCSB's Agentic AI Program — Microsoft Certified
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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.
Syllabus
Intro
Why use a transition
Hover transition example
Accessibility
Animations
Keyframes
CSS Accessibility
CSS Motion
Timing
Taught by
NDC Conferences