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.
What is the primary purpose of using CSS transitions and animations in web development?
A). <div>To make elements static and unchanging.
B). <div>To add dynamic and interactive effects to elements.
C). <div>To hide elements from users.
D). <div>To reduce the size of HTML files.
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.
What CSS property is used to specify the duration of a transition or animation effect?
A). <div>transition-duration
B). <div>animation-duration
C). <div>transition-timing-function
D). <div>animation-timing-function
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 can CSS animations be used to create a loading spinner effect?
A). <div>By applying static styles to elements.
B). <div>By using keyframes to define a rotating animation.
C). <div>By hiding elements from users.
D). <div>By removing all styling from elements.
What does the ease-in-out timing function in CSS transitions signify?
A). <div>A gradual acceleration followed by a gradual deceleration.
B). <div>A sudden start with a gradual acceleration.
C). <div>A gradual acceleration with no deceleration.
D). <div>A linear speed with no acceleration or deceleration.
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
How does specifying a transition delay in CSS benefit animations?
A). <div>It slows down the animation's duration.
B). <div>It speeds up the animation's duration.
C). <div>It controls when the animation starts after being triggered.
D). <div>It applies multiple animations simultaneously.
How can CSS transitions and animations contribute to responsive design?
A). <div>By slowing down page loading times.
B). <div>By adding interactive elements to web pages.
C). <div>By improving visual appeal and engagement.
D). <div>By making elements static and unchanging.