Motion Design with CSS Motion Design with CSS

Transitioning Multiple Properties

Rachel Nabors
Rachel Nabors
Award Winning Cartoonist

The easiest way to transition multiple properties is to use “all” as the property to be transitioned. This can have unintended side effects since every property change will be transitioned and each transition will have the same duration. Instead, Rachel demonstrates how to use the transition property to create a comma-delimitated list of transitions - each with their own duration and delay.

Get Unlimited Access Now