Wednesday, November 9, 2011

How to flip an image with CSS3

Yes, you can flip images with CSS! Possible scenario: having only one graphic for an arrow, but flipping it around to point in different directions.

img.arrow { 
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
 
 

Geek news from korben.info

ASP.NET Community Spotlight

Geeks are Sexy Technology News