3D Transforms in CSS ka use elements ko 3D space me rotate ya transform karne ke liye hota hai using the transform property.
Ye 2D transforms ka advanced version hai jisme depth (Z-axis) bhi include hoti hai.
CSS Transform Property
transform property 2D aur 3D dono transformations apply karta hai.
3D ke liye mainly ye functions use hote hain:
- rotateX()
- rotateY()
- rotateZ()
3D Transforms in CSS rotateX() Function
Element ko X-axis ke around rotate karta hai.
Example
rotateY() Function
Element ko Y-axis ke around rotate karta hai.
Example
rotateZ() Function
Element ko Z-axis ke around rotate karta hai (ye 2D rotate jaisa lagta hai).
Example
3D Transforms in CSS se elements ko X, Y aur Z axes par rotate karke realistic aur interactive effects create kiye ja sakte hain.
Ye modern web design me animations aur advanced UI ke liye useful hote hain.
