CSS Animations and Transitions

Stagger Animation Exercise

CSS Animations and Transitions

Check out a free preview of the full CSS Animations and Transitions course

The "Stagger Animation Exercise" Lesson is part of the full, CSS Animations and Transitions course featured in this preview video. Here's what you'd learn in this lesson:

Students are instructed to stagger the appearance of the form elements in the subscribe form.


Transcript from the "Stagger Animation Exercise" Lesson

>> So now we are going to get into our next exercise. We have an animation happening here for this form. What I wants to happen though, is and of course you have creative freedom so you could do anything you want, but it would be nice to have the inputs and then the subscribe up here one after the other.

And if you want to do a stagger then that would be fine as well. But we want this whole feeling of when this comes in, we have the input and then the subscribe. So use CSS variables and make these separate elements choreographed with each other. So have fun.

Learn Straight from the Experts Who Shape the Modern Web

  • In-depth Courses
  • Industry Leading Experts
  • Learning Paths
  • Live Interactive Workshops
Get Unlimited Access Now