How does the animation-delay property impact the timing of a keyframe animation?

How does using multiple simultaneous animations impact the performance of a webpage?

A). <div>It improves page loading times.

B). <div>It has no impact on page performance.

C). <div>It may lead to increased complexity and slower performance.

D). <div>It reduces visual appeal and engagement.

What is the role of the animation-play-state property in controlling keyframe animations?

A). <div>It defines the timing curve for the animation's acceleration/deceleration.

B). <div>It specifies whether the animation should be paused or running.

C). <div>It controls the direction of the animation.

D). <div>It defines how the element's styles should be applied before and after the animation.

What is the role of the animation-name property in CSS keyframe animations?

A). <div>It specifies the duration of the animation.

B). <div>It defines the starting and ending states of the animation.

C). <div>It controls the direction of the animation.

D). <div>It specifies the name of the keyframes to use for the animation.

How can keyframe animations contribute to creating interactive user interfaces?

A). <div>By reducing visual appeal and engagement.

B). <div>By adding dynamic and engaging effects to elements.

C). <div>By making elements static and unchanging.

D). <div>By increasing page loading times.

What CSS rule is used to define keyframe animations?

A). <div>@keyframes

B). <div>@animation

C). <div>@transition

D). <div>@transform

What does the forwards value for the animation-fill-mode property in keyframe animations signify?

A). <div>The animation starts from the beginning when triggered.

B). <div>The animation starts from the end when triggered.

C). <div>The animation starts from a specified keyframe when triggered.

D). <div>The animation retains styles from the ending keyframe after completing.

What is the purpose of defining multiple keyframes in a keyframe animation?

A). <div>To reduce the complexity of the animation.

B). <div>To specify the total duration of the animation.

C). <div>To control the direction of the animation.

D). <div>To create varied style changes and movements at different stages of the animation.

What do keyframes specify in a keyframe animation?

A). <div>The total duration of the animation.

B). <div>The starting and ending states of the animation.

C). <div>The easing function for the animation.

D). <div>The style changes at different points of the animation.

What does the animation-direction property in CSS keyframe animations determine?

A). <div>The total duration of the animation.

B). <div>The starting and ending states of the animation.

C). <div>The direction of the animation (forwards, backwards, etc.).

D). <div>The easing function for the animation.

How can developers control the number of times a keyframe animation should repeat?

A). <div>By setting the animation-duration property.

B). <div>By specifying the timing function of the animation.

C). <div>By using the animation-name property.

D). <div>By using the animation-iteration-count property.