Skip to content

Scale

Below, utility classes to apply transform property.

ClassProperties
.scale-0transform: scale(0);
.scale-25transform: scale(0.25);
.scale-50transform: scale(0.5);
.scale-75transform: scale(0.75);
.scale-100transform: scale(1);
.scale-125transform: scale(1.25);
.scale-150transform: scale(1.5);
.scale-x-0transform: scaleX(0);
.scale-x-25transform: scaleX(0.25);
.scale-x-50transform: scaleX(0.5);
.scale-x-75transform: scaleX(0.75);
.scale-x-100transform: scaleX(1);
.scale-x-125transform: scaleX(1.25);
.scale-x-150transform: scaleX(1.5);
.scale-y-0transform: scaleY(0);
.scale-y-25transform: scaleY(0.25);
.scale-y-50transform: scaleY(0.5);
.scale-y-75transform: scaleY(0.75);
.scale-y-100transform: scaleY(1);
.scale-y-125transform: scaleY(1.25);
.scale-y-150transform: scaleY(1.5);

Example(s)

html
<div class="scale-25 ..."></div>
<div class="scale-50 ..."></div>
<div class="scale-75 ..."></div>
<div class="scale-100 ..."></div>
<div class="scale-125 ..."></div>
<div class="scale-150 ..."></div>

Released under the Beerware 🍺 License.