CSS Animation Quiz

What does the @keyframes rule define in CSS animations?

• The duration of the animation

• The stages of the animation

• The delay before the animation starts

• The number of times the animation will run

Which property specifies the name of the @keyframes animation to apply?

• animation-duration

• animation-delay

• animation-name

• animation-iteration-count

What does the animation-duration property control?

• The name of the animation

• The delay before the animation starts

• The number of times the animation will run

• The length of time an animation takes to complete one cycle

Which property sets a delay before the animation starts?

• animation-name

• animation-delay

• animation-iteration-count

• animation-direction

What does the animation-iteration-count property specify?

• The direction of the animation

• The number of times the animation will run

• The timing function of the animation

• The fill mode of the animation

Which property controls the direction in which the animation is played?

• animation-name

• animation-delay

• animation-direction

• animation-fill-mode

What does the animation-timing-function property define?

• The stages of the animation

• The delay before the animation starts

• The speed curve of the animation

• The number of times the animation will run

Which property specifies how the animation applies styles to its target before and after it is executing?

• animation-name

• animation-delay

• animation-fill-mode

• animation-iteration-count

What is the shorthand property for setting all the animation properties at once?

• animation

• @keyframes

• animation-name

• animation-duration

Which property would you use to make an animation run in reverse on alternate cycles?

• animation-delay

• animation-direction

• animation-fill-mode

• animation-iteration-count