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.
Which of the following is true about CSS transitions?
A). <div>They allow complex movements and transformations.
B). <div>They are used to define keyframes for animations.
C). <div>They change property values smoothly over a specified duration.
D). <div>They are more flexible and powerful than CSS animations.
What is the purpose of using the infinite value for the animation-iteration-count property in CSS animations?
A). <div>To apply a single iteration of the animation effect.
B). <div>To apply multiple iterations of the animation effect.
C). <div>To apply an infinite number of iterations of the animation effect.
D). <div>To pause the animation indefinitely.
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.
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.
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.
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 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.
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 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.