diff --git a/content/css/concepts/transform-functions/terms/scale3d/scale3d.md b/content/css/concepts/transform-functions/terms/scale3d/scale3d.md
new file mode 100644
index 00000000000..d417875f7cd
--- /dev/null
+++ b/content/css/concepts/transform-functions/terms/scale3d/scale3d.md
@@ -0,0 +1,75 @@
+---
+Title: 'scale3d()'
+Description: 'Scales an element in 3D space by multiplying its size along the X, Y, and Z axes.'
+Subjects:
+ - 'Web Design'
+ - 'Web Development'
+Tags:
+ - 'CSS'
+ - 'Functions'
+ - 'Positioning'
+CatalogContent:
+ - 'learn-css'
+ - 'paths/front-end-engineer-career-path'
+---
+
+The **`scale3d()`** function in CSS scales an element in 3D space along the X, Y, and Z axes, allowing for three-dimensional transformations.
+
+## Syntax
+
+```pseudo
+transform: scale3d(sx, sy, sz);
+```
+
+**Parameters:**
+
+- `sx`: A number that scales the element along the X-axis (horizontal).
+- `sy`: A number that scales the element along the Y-axis (vertical).
+- `sz`: A number that scales the element along the Z-axis (depth).
+
+**Note:** Values greater than 1 increase the size, values between 0 and 1 decrease the size, and negative values flip the element along that axis.
+
+## Example
+
+Scaling a `.cube` element to be twice as wide, half as tall, and three times as deep:
+
+```css
+.cube {
+ transform: scale3d(2, 0.5, 3);
+ transform-style: preserve-3d;
+}
+```
+
+## Codebyte Example
+
+```codebyte/css
+
+
+
+
+
+
+
+
+
+```