CSS Questions & Answers – CSS3 Transitions for UI Elements

CSS Multiple Choice Questions & Answers (MCQs) focuses on “CSS3 Transitions for UI Elements”.

Q 1. Which of the following method increases or decreases the size of an element using tranform?
A. scale()
B. rotate()
C. translate()
D. matrix()

Show Answer

Answer:-A. scale()

Q 2. Which of the following selector is used to select and style when you place mouse over it?
A. focus
B. hover
C. mouse
D. all of the mentioned

Show Answer

Answer:-B. hover

Q 3. Which of the following method moves an element from its current position using transform?
A. rotate()
B. scale()
C. translate()
D. matrix()

Show Answer

Answer:-C. translate()

Q 4. Which of the following property specifies the speed curve of the transition effect?
A. transition-delay
B. transition-duration
C. transition
D. transition-timing-function

Show Answer

Answer:-D. transition-timing-function

Q 5. Which of the following transition-timing-function property specifies a transition effect with a slow start?
A. ease
B. ease-in
C. ease-in-out
D. none of the mentioned

Show Answer

Answer:-B. ease-in

Q 6. Which of the following method skews an element along the X-axis by the given angle using tranform?
A. skewX()
B. skewy()
C. x-axis()
D. skew()

Show Answer

Answer:-A. skewX()

Q 7. Which of the following method skews an element along the X and Y-axis by the given angles using tranform?
A. skewX()
B. skewy()
C. skew-X-Y()
D. skew()

Show Answer

Answer:-D. skew()

Q 8. Which of the following transition-timing-function property lets you define your own values in a cubic-bezier function
A. cubic(n,n,n,n)
B. matrix(n,n,n,n)
C. cubic-bezier(n,n,n,n)
D. none of the mentioned

Show Answer

Answer:-C. cubic-bezier(n,n,n,n)

Q 9 . Which of the following transition-timing-function property specifies a transition effect with a slow start, then fast, then end slowly
A. ease
B. ease-in
C. ease-in-out
D. none of the mentioned

Show Answer

Answer:-A. ease

Q 10. Which of the following method combines all the 2D transform methods into one using transform?
A. combine()
B. 2D-tranform()
C. matrix-2D()
D. matrix()

Show Answer

Answer:-D. matrix()