Which CSS3 property is used to apply a 2D rotation to an element?

Question

Options

• Atransform: rotate(45deg);
• Btransform: translate(50px, 50px);
• Ctransform: scale(2);
• Dtransform: skewX(30deg);

• A
  89% (16)
• C
  6% (1)
• D
  6% (1)

Explanation

transform: rotate(45deg) applies a 2D rotation around the element's center point, making A the correct choice - "rotate" directly maps to rotation as its sole purpose. Option B uses translate, which moves an element along the X and Y axes (position, not rotation). Option C uses scale, which resizes an element larger or smaller. Option D uses skewX, which tilts/slants an element along the horizontal axis, distorting its shape rather than rotating it.

Memory tip: Think of the transform functions by their plain-English verbs - rotate spins, translate moves, scale resizes, skew slants. If the question mentions rotation, the answer will always contain rotate().

No community discussion yet for this question.