YoVDO

CSS: Enhancing Interfaces with Animation

Offered By: LinkedIn Learning

Tags

Computer Science Courses User Interface Design Courses Web Animation Courses GitHub Codespaces Courses

Course Description

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

Related Courses

. ANIMATIONs
Banaras Hindu University via Swayam
Angular Styling & Animations (for Angular 2+)
Udemy
Aprende a crear animaciones y efectos interactivos con CSS3
Udemy
Seven to Heaven - HTML5, CSS3 and jQuery Course
Udemy
Interactive Web Animation [ JavaScript SVG CSS & Canvas ]
Udemy