transform
Applies 2D or 3D transformations to an element, allowing you to rotate, scale, skew, or move it in space.
Quick example
.card:hover {
transform: translateY(-10px) scale(1.05);
/* lifts and slightly enlarges the card on hover */
}Quick facts
Initial value
noneInherited
No
Applies to
transformable elements
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+