Expand description
Utilities for scaling elements with transform.
| Class | Properties |
|---|---|
| scale-<integer> | transform: scale(<integer / 100>); |
| scale-x-<integer> | transform: scaleX(<integer / 100>); |
| scale-y-<integer> | transform: scaleY(<integer / 100>); |
| scale-z-<integer> | transform: scaleZ(<integer / 100>); |
§Tailwind compatibility
Scale values don’t follow Tailwind’s philosophy of limiting possible values and all numbers are supported. They are however perfectly compatible with Tailwind’s values.
§Arbitrary values
Any <percentage> or <number> property is allowed as arbitrary value.
For example, scale-y-[84.42%].
§Negative values
This plugin supports negative values. For example, -scale-50 or hover:-scale-50.