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 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.
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.
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 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 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
How do CSS transitions differ from CSS animations?
A). <div>Transitions are more flexible and customizable than animations.
B). <div>Transitions allow for continuous looping effects.
C). <div>Transitions are used to define keyframes for animations.
D). <div>Transitions change property values smoothly over a specified duration.
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 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 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.