The difference between zoom and scale
Do you know the zoom property? It works the same way as a scale transformation but unlike scale, it affects the page layout. In other words, the page layout is recalculated considering the new dimension of the scaled element.
See the Pen Scale vs Zoom by Temani Afif (@t_afif) on CodePen.
More CSS Tips
- Get the value of an input range (without JavaScript) Use modern features to get the value of an input range using only CSS.
- Trim extra space using text-box An interactive tool to illustrate how to trim the extra space below and above text.
- A single-element volume control component Use modern CSS to tranform a native input element into a volume control component.
- Inverted radius shape with hover effect An inverted border-radius shape with a fancy reveal animation on hover.