What role does the animation-direction property play in CSS animations?
A). <div>It specifies the number of times the animation should repeat.
B). <div>It defines the starting and ending states of an animation.
C). <div>It controls the direction of the animation (forwards, backwards, etc.).
D). <div>It specifies the easing function for the animation.
Which of the following CSS properties is commonly used to create a smooth hover effect on a button?
A). <div>transition-property
B). <div>animation-name
C). <div>transition-duration
D). <div>animation-duration
How can developers optimize the performance of CSS 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 animations created using CSS properties enhance the visual appeal of a website?
A). <div>By making elements static and unchanging.
B). <div>By adding dynamic and interactive effects to elements.
C). <div>By reducing visual appeal and engagement.
D). <div>By increasing page loading times.
Which of the following CSS properties is used to define the duration of an animation effect?
A). <div>animation-duration
B). <div>transition-duration
C). <div>animation-timing-function
D). <div>transition-timing-function
What does the backwards value for the animation-fill-mode property in CSS 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 starts from its current state when triggered.
How can CSS transitions improve user experience on a website?
A). <div>By making elements static and unchanging.
B). <div>By adding dynamic and interactive effects to elements.
C). <div>By increasing page loading times.
D). <div>By reducing visual appeal and engagement.
How does using the transition-timing-function property impact the appearance of CSS transitions?
A). <div>It changes the duration of the transition effect.
B). <div>It specifies the number of times the transition should repeat.
C). <div>It controls the acceleration/deceleration of the transition.
D). <div>It defines the direction of the transition effect.
Which CSS property is used to specify the number of times an animation should repeat?
A). <div>animation-iteration-count
B). <div>transition-duration
C). <div>transition-timing-function
D). <div>animation-delay
Which CSS property is used to specify the easing function for a transition or animation effect?
A). <div>transition-delay
B). <div>animation-duration
C). <div>transition-timing-function
D). <div>animation-timing-function