advanced code snippet search

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)

Expand | Embed | Plain Text 
  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.