CSS CSS Animations & Transitions

Question 1

Which CSS property is used to specify the duration of a transition effect?

Accepted Answer

transition-duration

Answer

transition-delay

Answer

transition-speed

Answer

animation-duration

Question 2

Which CSS at-rule is used to define keyframes for an animation?

Accepted Answer

@keyframes

Answer

@animation

Answer

@frames

Answer

@motion

Question 3

What value of `animation-fill-mode` keeps the element styled by the last keyframe after the animation ends?

Accepted Answer

forwards

Answer

backwards

Answer

both

Answer

none

Question 4

Which CSS property controls the speed curve of a transition or animation?

Accepted Answer

transition-timing-function

Answer

transition-speed

Answer

animation-rate

Answer

animation-curve

Question 5

Which keyword value for `animation-iteration-count` causes an animation to repeat indefinitely?

Accepted Answer

infinite

Answer

forever

Answer

loop

Answer

repeat

Question 6

What does `animation-direction: alternate` do?

Accepted Answer

Plays forward on odd iterations and backward on even iterations

Answer

Plays only in reverse

Answer

Plays forward then stops

Answer

Alternates between two different animations