Blog

Question 1:  What is the purpose of the transition property in CSS?

(A) To create animations using JavaScript

(B) To apply smooth changes between CSS property values

(C) To change text color only

Question 2:  Which CSS property is NOT transitionable?

(A) width

(B) display

(C) background-color

Question 3:  What is the correct syntax to apply a transition on the width property with a duration of 2 seconds?

(A) transition: width 2s;

(B) transition: 2s width;

(C) width: transition 2s;

Question 4:  Which CSS property defines the speed curve of a transition?

(A) transition-timing-function

(B) transition-duration

(C) transition-delay

Question 5:  What is the default timing function for CSS transitions?

(A) ease

(B) linear

(C) ease-in-out

Question 6:  How can you add a delay before starting a transition?

(A) Using transition-duration

(B) Using transition-delay

(C) Using transition-start

Question 7:  Which of the following values for transition-timing-function will make the transition have a uniform speed?

(A) ease-in

(B) ease-out

(C) linear

Question 8:  What does the all keyword in the transition property do?

(A) Applies the transition to all properties that support transitions

(B) Applies the transition only to text properties

(C) Applies the transition only to background properties

Question 9:  Which transition property is used to control the delay before the effect starts?

(A) transition-duration

(B) transition-delay

(C) transition-effect

Question 10:  What happens if you don’t specify transition-duration in a transition?

(A) The transition will be instant

(B) The transition will take 1 second by default

(C) The transition will not work