-scale-x-50

The -scale-x-50 class belongs to the scale group within the transforms category.

Resulting CSS

--tw-scale-x: -.5;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

Other Scale Classes

-scale-0 -scale-100 -scale-105 -scale-110 -scale-125 -scale-150 -scale-50 -scale-75 -scale-90 -scale-95 scale-0 scale-100 scale-105 scale-110 scale-125 scale-150

View other Transforms classes View all Scale classes

Get Tailwind Scanner!

The absolute must-have tool for anyone using Tailwind CSS.

Scan, Edit, Export any tailwind site in browser to create the perfect UI - download the chrome extension!