When scale property is set with two values, the size is set on x-axis and y-axis individually. Here, the element becomes double in size on x-axis and half the size on y-axis:

Nov 7, 2025 · The scale() CSS function defines a transformation that resizes an element on the 2D plane. Because the amount of scaling is defined by a vector [sx, sy], it can resize the horizontal and …

Nov 10, 2021 · The scale property in CSS resizes an element’s width and height in proportion. So, if we have an element that’s 100 pixels square, scaling it up by a value of 2 doubles the dimensions to 200 …

The CSS scale property allows you to resize an HTML element relative to its original size. It can be used to make elements larger or smaller, both horizontally and vertically.

Jun 16, 2025 · Learn how to resize elements proportionally using CSS scale transform. Complete guide with examples, animations, and best practices for responsive design.

The CSS property scale is useful in specifying the scale transformation of elements, independent of transform property. This property is convenient for interface use, as you need not remember the …

Aug 30, 2024 · The scale () function is an inbuilt function which is used to resize the element in 2D plane. It scales the elements in horizontal and vertical directions. Syntax: scale( sx ) or scale( sx, sy ) …

The CSS scale property gives you an intuitive way to resize elements visually—without modifying layout or structure. Whether you’re building subtle hover effects, full-blown animations, or responsive text …

The scale CSS property allows you to specify scale transforms individually and independently of the transform property. This maps better to typical user interface usage, and saves having to remember …

Oct 7, 2024 · The scale property in CSS is used to change the size of an element. This property allows you to scale an element up or down along the X and Y axes, without affecting its original dimensions. …