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 does the animation-fill-mode property impact the appearance of elements before and after a keyframe animation?
A). <div>It defines the starting and ending states of the animation.
B). <div>It specifies the number of times the animation should repeat.
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 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 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 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 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.
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
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.
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.