IconVault's CSS Individual Transforms lab lets you drive translate, rotate and scale as separate CSS properties with live sliders. Move the box around the canvas, change transform-origin, and toggle an extra transform skew to see how the individual properties and the classic transform list combine. A fixed application order diagram shows exactly what the browser does first, and every change updates the copyable CSS instantly. It is free and runs fully in your browser.

Individual transform properties fix the oldest annoyance of CSS transforms: with the shorthand you had to repeat the whole chain to change one part, and a rotate transition would wipe out your translate. Now each property animates independently, which makes hover effects, entrance animations and interactive motion far simpler to write. The lab also demonstrates that the three properties always apply in the order translate, rotate, scale, followed by the transform property, and it works in all modern browsers with no fallback needed.