Visualizing CSS3 Matrix Transforms (Including IE DxImageTransform)

It can be pretty difficult to wrap your head around the concept of matrix transformations. To debug matrix differences across web browsers, I made a nifty matrix sandbox page to play around with the numbers and see the effects in realtime. Just drag the sliders around and see what happens to the square in the middle.

It currently works in the following browsers:

  • Firefox 3.1b3+
  • Chrome
  • Safari 4 beta
  • Internet Explorer 8 (possibly IE6+, I just haven't tested other versions yet)

Notice how IE re-positions from the bounding-box, and all other browsers preserve the mathematical origin.

Comments

Thanks

Very useful information, thank you very much :) Obat Lemak Darah Tinggi

agree

I'm understand:) Obat Peninggi Badan Anak

That is a great tool,

That is a great tool, resembles somewhat with the CBTs for 70-646 exams that I got as complimentary edition with purchase of 642-436 exam training material.

Post new comment

The content of this field is kept private and will not be shown publicly.