CSS Multiple Choice Questions 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
Answer: b
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
Answer: b
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
Answer: a
4. Which of the following transform property value defines a translation, using only the value for the X-axis?
a) translate(x) b) translateZ(x) c) translateY(x) d) translateX(x)
Answer: d
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)
Answer: b
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
Answer: b
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
Answer: c
Clarification: 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
Answer: a
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
Answer: c
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)
Answer: a