Posted By

Barlon on 11/13/11


Tagged

rotate translate scale CSS3 transform skew


Versions (?)

CSS3 Transform


 / Published in: CSS
 

Supported in Chrome, Firefox, Safari and Opera (requiring vendor prefix)

  1. .foo {
  2. -webkit-transform: scale(1.5); /* Remember to add vendor prefixes as well */
  3. transform: scale(1.5) rotate(-10deg); /* For the future, when transition becomes standard */
  4. transform-origin: bottom left;
  5. }
  6.  
  7. .bar {
  8. -webkit-transform: scale(1.5); /* Remember to add vendor prefixes as well */
  9. transform: skew(-5deg, 30deg) translate(10px, 20px); /* For the future, when transition becomes standard */
  10. }

Report this snippet  

You need to login to post a comment.