CSS3 Transform 2D

Hier werden ein paar divs mit den 2D Transform Eigenschaften verändert. Ich verzichte aufgrund der Übersichtlichkeit auf die Browserpräfixe im Quelltext.

1 rotate(30deg)

2 translate(-50px, -20px)

3 scale(1.5, 0.5)

4 skew(0deg, 20deg)

5 skew(20deg, 20deg)

6 skew(20deg, 20deg)

7 skew(0deg, 80deg)

8 transform-origin:0% 0%; transform: rotate(10deg)

9 alles