Skip to content

README.md

Latest commit

 

History

History
26 lines (19 loc) · 934 Bytes

README.md

File metadata and controls

26 lines (19 loc) · 934 Bytes

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.