Transforms & Transitions - CSS Questions & Answers

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

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

a) transition
b) transition-duration
c) transform-duration
d) transition-property

View Answer

Answer: b
Explanation: None.

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

View Answer

Answer: b
Explanation: None.

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

View Answer

Answer: a
Explanation: None.

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

Sanfoundry Certification Contest of the Month is Live. 100+ Subjects. Participate Now!

a) translate(x)
b) translateZ(x)
c) translateY(x)
d) translateX(x)

View Answer

Answer: d
Explanation: None.

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)

View Answer

Answer: b
Explanation: None.

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

a) perspective3d(n)
b) perspective(n,n,n)
c) perspective(n)
d) none of the mentioned

View Answer

Answer: b
Explanation: None.

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

Answer: c
Explanation: None.

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

View Answer

Answer: a
Explanation: None.

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

a) rotate-Z(angle)
b) rotate-Z-axis(angle)
c) rotateZ(angle)
d) all of the mentioned

View Answer

Answer: c
Explanation: None.

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)

View Answer

Answer: a
Explanation: None.

Sanfoundry Global Education & Learning Series – CSS.

To practice all areas of CSS, here is complete set of 1000+ Multiple Choice Questions and Answers.

« Prev - CSS Questions & Answers – Floating Elements for Layout

» Next - CSS Questions & Answers – CSS Keyframes

Related Posts:

Recommended Articles: