transformations

Explanation: This CSS declaration (transform) allows you to style elements in a manner which would formerly have been done with images. We can scale and rotate elements (images or text).

Parameters (not complete, just more commonly used):

  • rotate (angle)
  • scale (number)
  • scaleX (number)
  • scaleY (number)
  • skewX (angle)
  • skewY (angle)

Example CSS code:

#orchid {
-webkit-transform: rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

Example page (view the source code): http://learning-html5.info/CSS3/CSS_Transformations.html (mostly works in modern browsers).

References:

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>