[css3]transform 2d/ 3d

- 2D
translate()
rotate()
scale()
skew()
matrix()

참고: http://www.css3files.com/transform/

-moz-transform: scale(2, 1.5);
-webkit-transform: scale(2, 1.5);
-ms-transform: scale(2, 1.5);
transform: scale(2, 1.5);

-moz-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
/*transform-origin Defult : 50% 50%;*/

참고: http://eleqtriq.com/wp-content/static/demos/2010/css3d/matrix2dExplorer.html


- 3D

transform: rotateX(120deg);
-webkit-transform: rotateX(120deg); /* Safari and Chrome */
-moz-transform: rotateX(120deg); /* Firefox */

transform: rotateY(120deg);
-webkit-transform: rotateY(120deg); /* Safari and Chrome */
-moz-transform: rotateY(120deg); /* Firefox */

참고: http://www.clicktorelease.com/code/css3dclouds/