Scale

Syntax

Class
Properties
transform-(scale-{value})
transform: scale({value});
transform-(scale-{x}-{y})
transform: scale({x}{y});

Parameters

value
<int32 unit=0.01>
x
<int32 unit=0.01>
y
<int32 unit=0.01>
<div class="t1 px-16 py-4 bg-c-white rounded-3 color-blue b-2-blue shadow-8 my-32 cursor-pointer select-none transform-none">Button</div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Scale down to 50%
t1 transform-scale-50
.t1.transform-scale-50 { transform: scale(0.5); }
Scale up 2x along the X axis, 3x along the Y axis.
t1 transform-scale-200-300
.t1.transform-scale-200-300 { transform: scale(2, 3); }