CSS supports 3D transformations on many texts. 

You can use the 3D transformation methods listed below with the transform property:

1. `rotateX()`
2. `rotateY()`
3. `rotateZ()`

# CSS Transform Properties

The following are a few CSS 3D properties:

1. **`transform`**: The method is used to apply transformation (2D or 3D) to any element.

2. **`transform-origin`**: This method is used to change the positions of any of the transformed elements.

3. **`transform-style`**:This method refers to perspectives of viewing 3D elements. It shows how elements are formed in a 3D space. 

4. **`perspective-origin`**: This method is used to specify any bottom positions of our 3D elements in transformations.

5. **`backface-visibility`**: This method is used to define if any element is allowed to be shown on the screen. 

# Code
## 1. rotateX

<!DOCTYPE html>
<html>
<head>
<style>

#trans {
  transform: rotateX(180deg);
}
</style>
</head>
<body>

<p>The rotateX() method rotates an element around its X-axis at a given degree.</p>

<div>
This a normal div element.
</div>
<p>After applying rotateX() transformation</p>
<div id="trans">
This a transformed div element.
</div>

</body>
</html>

codemirror

<!DOCTYPE html>
<html>
<head>
<style>

#trans {
  transform: rotateY(180deg);
}
</style>
</head>
<body>

<p>The rotateY() method rotates an element around its Y-axis at a given degree.</p>

<div>
This a normal div element.
</div>
<p>After applying rotateY() transformation</p>
<div id="trans">
This a transformed div element.
</div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>

#trans {
  transform: rotateZ(180deg);
}
</style>
</head>
<body>

<p>The rotateZ() method rotates an element around its Z-axis at a given degree.</p>

<div>
This a normal div element.
</div>
<p>After applying rotateZ() transformation</p>
<div id="trans">
This a transformed div element.
</div>

</body>
</html>

How to do 3D transformations in CSS

CSS supports 3D transformations with methods like rotateX(), rotateY(), and rotateZ() using the transform property.

How to do 3D transformations in CSS

CSS Transform Properties

Code

1. rotateX

2. rotateY

3. rotateZ