Blog

Question 1:  Which CSS property is used to apply transformations to an element?

(A) transform

(B) translate

(C) rotate

Question 2:  Which function is used to move an element along the X and Y axes?

(A) scale()

(B) translate()

(C) rotate()

Question 3:  What does rotate(90deg) do to an element?

(A) Moves the element 90 pixels to the right

(B) Rotates the element 90 degrees clockwise

(C) Rotates the element 90 degrees counterclockwise

Question 4:  What is the correct syntax for scaling an element to twice its original size?

(A) transform: scale(2);

(B) transform: scaleX(2) scaleY(2);

(C) Both a and b

Question 5:  Which transform function skews an element along the X-axis?

(A) skewY()

(B) skewX()

(C) skew()

Question 6:  What does the transform-origin property do?

(A) Sets the origin point for transformations

(B) Defines the animation speed

(C) Determines the stacking order of transformed elements

Question 7:  What is the default value of transform-origin?

(A) 0 0 (top-left corner)

(B) 50% 50% (center)

(C) 100% 100% (bottom-right corner)

Question 8:  How can you apply multiple transformations at once?

(A) Separate them with a comma

(B) Separate them with a space

(C) Use different transform properties

Question 9:  Which transformation is used to mirror an element horizontally?

(A) scaleX(-1)

(B) rotate(180deg)

(C) translateX(-100%)

Question 10:  What will transform: perspective(500px) rotateY(45deg); do?

(A) Rotate the element along the Y-axis with a 3D effect

(B) Move the element 500px on the Y-axis

(C) Make the element disappear