How Duolingo Plans to Reach 100M Users

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

CSS: Enhancing Interfaces with Animation

via LinkedIn Learning

Write review
Scrimba Ad

Get 20% off all career paths from fullstack to AI

Learn More → Noble Desktop Ad

Live Online Classes in Design, Coding & AI — Small Classes, Free Retakes

Learn More →

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
Leverage CSS animations to enhance websites you develop. Examine animation theories, practical uses, and more as you explore the use of movement in UI.

Syllabus

Introduction
  • Why animations?
  • Using GitHub Codespaces with this course
1. Theory of Animation
  • Best practices
  • The 12 principles of animation
  • The 12 principles used in UI
2. Animation Choreography
  • Animation choreography
  • Sequencing and easing
  • Transformations
  • Focal elements
3. UI Animations
  • Creating button animations
  • Creating menu animations
  • Challenge: Create a card animation
  • Solution: Create a card animation
Conclusion
  • Moving on with animations

Taught by

Christina Gorton

Reviews

4.5 rating at LinkedIn Learning based on 74 ratings

Start your review of CSS: Enhancing Interfaces with Animation

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.