CSS Questions & Answers – Transforms and Transitions

CSS Multiple Choice Questions & Answers (MCQs) focuses on “Transforms and Transitions”.

Q 1. Which of the following property defines the length of time that a transition takes?

A. transition-duration
B. transition
C. transform-duration
D. transition-property

Show Answer

Answer:-A. transition-duration

Q 2. Which of the following property defines when the transition will start and it allows a transition to begin execution some some period of time from when it is applied?

A. transform-delay
B. transition-delay
C. transform-duration
D. none of the mentioned

Show Answer

Answer:-B. transition-delay

Q 3. Which of the following transform property value defines a 2D translation?

A. translate(x,y)
B. translate2d(x,y)
C. translate3d(x,y)
D. all of the mentioned

Show Answer

Answer:-A. translate(x,y)

Q 4. Which of the following transform property value defines a translation, using only the value for the X-axis?

A. translate(x)
B. translateX(x)
C. translateY(x)
D. translateZ(x)

Show Answer

Answer:-B. translateX(x)

Q 5. Which of the following transform property value defines a 3D scale transformation?

A. circle(x,y,z)
B. scale3d(x,y,z)
C. rotate3d(x,y,z,angle)
D. rotate(angle)

Show Answer

Answer:-B. scale3d(x,y,z)

Q 6. Which of the following transform property value defines a perspective view for a 3D transformed element?

A. perspective3d(n)
B. perspective(n)
C. perspective(n,n,n)
D. none of the mentioned

Show Answer

Answer:-C. perspective(n,n,n)

Q 7. Which of the following transform property value defines a 2D skew transformation along the X- and the Y-axis?
A. skewX(angle)
B. skewY(angle)
C. skew(x-angle,y-angle)
D. none of the mentioned

Show Answer

Answer:-C. skew(x-angle,y-angle)

Q 8. Which of the following transform property value defines a 3D transformation, using a 4×4 matrix of 16 values?

A. matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)
B. matrix(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)
C. matrix2d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)
D. all of the mentioned

Show Answer

Answer:-A. matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)

Q 9. Which of the following transform property value defines a 3D rotation along the Z-axis?

A. rotateZ(angle)
B. rotate-Z-axis(angle)
C. rotate-Z(angle)
D. all of the mentioned

Show Answer

Answer:-A. rotateZ(angle)

Q 10. Which of the following transform property value defines a 3D rotation?

A. rotate3d(x,y,z,angle)
B. rotated(x,y,z,angle)
C. rotate-all(x,y,z,angle)
D. rotate(x,y,z,angle)

Show Answer

Answer:-A. rotate3d(x,y,z,angle)