W3C

Bert Bos | CSS masterclass – Amsterdam 2012

2D transforms

From the demo:

transform:translate(100px,100px);
    
transform:scale(.7,3);
    
transform:rotate(45deg);
    
transform:rotate(0.25turn);
    
transform:rotate(3.14rad);
    
transform:translate(80px,80px)
  scale(1.5,1.5) rotate(45deg);

(Module: css3-transforms)

Transform origin

From the demo:

transform-origin:50% 50%    /* by default */

1st row: transform: rotate(30deg)
(with different transform-origin values)

2nd row: transform: skew(30deg)
(with different transform-origin values)