[Lynda] Motion Design with CSS


image of author Rachel Nabors

FCO Telegram Channel

Rachel Nabors



Web browsers have the ability to display stunning CSS animations and transitions—which can brighten interfaces without dragging their performance down. In this course, join Rachel Nabors as she explains how to use CSS animations and transitions to enhance your web applications with powerful, information-rich motion and color. CSS is one of the most performant ways to animate today, and this course helps you acquire the future-facing skills needed to set your ideas in motion on the web. Rachel explains how to incorporate animation in product design, use developer tools to manipulate animations, and more.

Note: This course was created by Frontend Masters. It was originally released on 09/15/2016. We’re pleased to host this training in our library.

Topics include:

  • CSS transitions and animations
  • Using animation in product design
  • Creating a sprite animation with CSS
  • Stateful transitions and supplemental animations
  • Using developer tools to manipulate animations
  • Jump cuts and in-betweening
  • Static vs. dynamic animations
  • Designing performant animations
Skill Level Intermediate

4h 1m



Show More Show Less
Skills covered in this course

WebWeb Graphics CSS

Size: 964.49M



5 thoughts on “[Lynda] Motion Design with CSS”

Leave a Comment