How can animations created using CSS properties enhance the visual appeal of a website?

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.

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 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.

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.

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.

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

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 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

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 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.