How can keyframe animations contribute to creating interactive user interfaces?

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.

How does specifying the easing function impact the appearance of a keyframe animation?

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

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

C). <div>It changes the duration of the animation.

D). <div>It controls the acceleration/deceleration of the animation.

Which CSS property is used to specify the timing curve for the acceleration and deceleration of a keyframe animation?

A). <div>animation-duration

B). <div>animation-timing-function

C). <div>animation-iteration-count

D). <div>animation-direction

How can developers optimize the performance of keyframe animations?

A). <div>By adding multiple simultaneous animations.

B). <div>By using heavy images and video backgrounds.

C). <div>By avoiding excessive animations and optimizing code.

D). <div>By removing all transitions from the website.

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

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

B). <div>It controls when the animation starts after being triggered.

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

D). <div>It changes the direction of the animation.

How can developers create a continuous looping animation using keyframes?

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

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

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

D). <div>By using the animation-iteration-count property with the value 'infinite'.

What is the primary purpose of using keyframe animations in web development?

A). <div>To create static and unchanging elements.

B). <div>To add dynamic and complex animations to elements.

C). <div>To reduce visual appeal and engagement.

D). <div>To increase page loading times.

What is the purpose of the animation-duration property in CSS keyframe animations?

A). <div>To specify the number of times the animation should repeat.

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

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

D). <div>To control the easing function 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 CSS rule is used to define keyframe animations?

A). <div>@keyframes

B). <div>@animation

C). <div>@transition

D). <div>@transform