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
?	?	?	?	?	?
Tablets / Mobile
?	?	?	?	?	?

Last updated by CSSPortal on: 1st December 2019