CSS Bootcamp: Master CSS (Including CSS Grid/Flexbox) - Animations - Part 2

The video tutorial covers CSS animations, focusing on keyframes and various animation properties. It explains mandatory properties like animation name and duration, and optional ones such as delay, iteration count, direction, timing function, and fill mode. The tutorial also demonstrates how to use these properties in a shorthand format, providing examples and explanations for each. The video emphasizes the flexibility and creative potential of CSS animations, despite CSS not being a programming language.

What is the purpose of the animation delay property in CSS?

• To change the direction of the animation

• To set the speed curve of the animation

• To start the animation after a specified delay

• To repeat the animation multiple times

How can you make an animation run indefinitely in CSS?

• Set the animation duration to infinite

• Use the animation delay property

• Use the animation direction property

• Set the animation iteration count to infinite

Which value of the animation direction property makes the animation play forwards and then backwards?

• Reverse

• Alternate

• Normal

• Alternate-reverse

What does the animation timing function property control?

• The delay before an animation starts

• The direction of an animation

• The speed curve of an animation

• The number of times an animation runs

Which value of the animation fill mode property keeps the element in its final state after the animation ends?

• Backwards

• Forwards

• None

• Both

What is the default value of the animation fill mode property?

• Backwards

• None

• Both

• Forwards

In the shorthand animation property, which value comes first?

• Animation name

• Animation duration

• Animation direction

• Animation delay