Skip navigation

On September 14th, 2017, we published revised versions of our Privacy Policy, Terms of Service and Website Use Policy and published a Cookie Policy. Your continued use of means you agree to these revised documents, so please take a few minutes to read and understand them.

Chaining animations with event listeners

Chaining animations with event listeners: Motion Design with CSS
Chaining animations with event listeners: Motion Design with CSS

Animation stacking has it drawbacks. Individual segments cannot be looped and only one timing function can be applied. For more complex sequencing, Rachel recommends using the JavaScript animation API. The API includes events like animationstart, animationend, and animationiteration. These events can be used to trigger, modify, or sequence additional animations.

Resume Transcript Auto-Scroll
Skill Level Intermediate
4h 1m
Show More Show Less
Skills covered in this course
Web Web Graphics CSS

Continue Assessment

You started this assessment previously and didn't complete it. You can pick up where you left off, or start over.

Start Your Free Trial Now

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now