Blog

Cross Browser 3D Transforms

shutterstock_234378844
BLOG / Web Development

Cross Browser 3D Transforms

3D Transforms is the method of transforming an element in the third dimension using the `transform` property.

Browser Support

This feature is already supported by a few major browsers including Chrome, Firefox, Safari, Microsoft Edge and Opera.

Code Example

You can use 3D Transforms like this:

div {
  transform: scale(2) rotate(45deg);
  transform: scale(2) rotate3d(0, 0, 1, 45deg);
}

More Information

More information can be found here.