Class-scale

Utilities for rotating elements with transform.

Use the v-scale-* utilities to control the scale of an element. You can use
the feat: custom feature if you want the scale to suit your needs.

Table list scales

Class name	Properties
v-scale--1	transform: scale(0.1);
v-scale--2	transform: scale(0.2);
v-scale--3	transform: scale(0.3);
v-scale--4	transform: scale(0.4);
v-scale--5	transform: scale(0.5);
v-scale--6	transform: scale(0.6);
v-scale--7	transform: scale(0.7);
v-scale--8	transform: scale(0.8);
v-scale--9	transform: scale(0.9);
v-scale-1	transform: scale(1);
v-scale-1.1	transform: scale(1.1);
v-scale-1.2	transform: scale(1.2);
v-scale-1.3	transform: scale(1.3);
v-scale-2	transform: scale(2);
v-scale-2.1	transform: scale(2.1);
v-scale-2.2	transform: scale(2.2);
v-scale-2.3	transform: scale(2.3);
v-scale-3	transform: scale(3);
v-scale-3.1	transform: scale(3.1);
v-scale-3.2	transform: scale(3.2);
v-scale-3.3	transform: scale(3.3);
v-scale-4	transform: scale(4);
v-scale-4.1	transform: scale(4.1);
v-scale-5.2	transform: scale(4.2);
v-scale-4.3	transform: scale(4.3);

The table above presents several types of scales with different variants.

Example Code

index.html

<div class="v-scale-1">
</div>
<div class="v-scale-2">
</div>
<div class="v-scale-3">
</div>
<div class="v-scale-4">
</div>