Understanding CSS 2D Transformations

Samstag, 13.4.2013, 19:50 > daMax

Ein sehr ausführlicher Artikel über CSS 2D Transformationen:

http://msdn.microsoft.com/en-us/magazine/gg709742.aspx

Wer sowas hier kapieren will:

/* move the origin to the bottom right corner */
-moz-transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;

/* rotate 30 degrees clockwise */
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);

ist da genau richtig.

| Abgelegt unter 1337, Coding
The views expressed by the author are personal.