HTML/JS/CSS Isometric Grid with semi-transparent click-through tiles

Question

I\'m trying to create a web app/game that uses a side-on \'isometric\' view and transparent tiles. I can display them ok (but not great) using a PHP formula that just sets each

Answer 1

You need to use css3 transforms, or the matrix transform in IE.

The syntax looks something like this:

-webkit-transform: skew(0deg, -30deg) scale(1, 1.16);
-moz-transform: skew(0deg, -30deg) scale(1, 1.16);

A couple of good examples:

http://www.fofronline.com/experiments/cube/index.html

http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/