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 | |||||
 |
|
|
|
|
 |
| ? | ? | ? | ? | ? | ? |