HTML & CSS · Middle · Question 67 of 75

What does `transform-origin` change?

.menu { transform: scale(0.95); transform-origin: top right; }

✓Correct answer: The point around which rotations and scaling happen
2The element's position in the document flow
3The direction of CSS transitions

Explanation

By default it is the center. A dropdown opening from a top-right button looks natural when it scales from top right.

Further reading

Test yourself

Take the HTML & CSS · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.