CSS3 Perspective Playground 🎮

This tool is an interactive playground for experimenting with 3D transformations in CSS.

With it, you can:

1. Explore Perspective
   Adjust perspective to see how the depth and volume of the element change.
2. Rotate Along Axes
   Use rotateX, rotateY, and rotateZ to rotate the square in 3D space.
3. Reset Settings
   The Reset button returns all values to their defaults.
4. Copy CSS
   Get the ready-to-use CSS code for your projects.

Who is it for?

• Developers: Simplifies understanding and debugging of 3D transformations.
• Designers: Allows experimenting with 3D effects without writing code.
• CSS Enthusiasts: Just fun and educational!

Example Usage 🚀

• Play with the sliders to see how the square transforms.
• Click Reset to return everything to the default state.
• Copy the CSS code and use it in your projects.