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.
What role does the @keyframes rule play in defining 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 keyframes and style changes along the animation timeline.
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 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
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.
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 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.
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 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.