Tome Gallery Sages

The Tome / Chapter IX: The Optical Lens / Transform Translator

🔄

Transform Translator

CSS matrix ↔ rotate/scale/skew

"I never miss a bug. My aim is true, my breakpoints precise."

- Artemis the Debugger

📖 How to Use

Use the visual editor to adjust transforms, or paste a CSS matrix() to decompose it into readable values.

🔧 Transform Functions

• translate(x, y) - Move
• rotate(deg) - Rotate
• scale(x, y) - Resize
• skew(x, y) - Slant

💡 Tips

→ Order of transforms matters
→ Matrix combines all transforms

🔒

Privacy Seal

All tools run entirely in your browser. No data leaves your device.

English Español Português 日本語中文 한국어 Français Deutsch

© 2026 Libram