scale3d() CSS Function

Description

The scale3d() CSS function is used to scale elements in a three-dimensional space.

Syntax

transform: scale3d(<numberX>, <numberY>, <numberZ>);

Values

  • <numberX>The scale of the element horizontally.
  • <numberY>The scale of the item vertically.
  • <numberZ>The scale of the item representing the z-component.

Example

<img class="scale" src="images/nature.jpg" alt="Nature Image">
.scale {
transform-origin: top left;
transform: scale3d(2, 2, 1);
}

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
??????
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
??????

Last updated by CSSPortal on: 1st December 2019