transform
Applies 2D or 3D transformations to an element, allowing you to rotate, scale, skew, or move it in space.
Usage example
.card:hover {
transform: translateY(-10px) scale(1.05);
/* lifts and slightly enlarges the card on hover */
}Initial value
none
Inherited
No
Applies to
transformableElements
Animation type
transform
Values
none transform Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
36+
16+
9+
12+