CSS: Enhancing Interfaces with Animation

Go to class
Write Review

Free Online Course: CSS: Enhancing Interfaces with Animation provided by LinkedIn Learning is a comprehensive online course, which lasts for Less than 1 hour of material. The course is taught in English and is free of charge. Upon completion of the course, you can receive an e-certificate from LinkedIn Learning. CSS: Enhancing Interfaces with Animation is taught by Christina Gorton.

Overview
  • 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?
    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