X
Publisher: Sigit purnomo kangsigit.com@gmail.com

CSS Text Rotation and :hover for ALL Browser


CSS Sample
<style>
#rotateDIV {
/* Safari, Chrome */
-webkit-transform: rotate(-180deg);

/* Firefox */
-moz-transform: rotate(-180deg);

/* IE */
-ms-transform: rotate(-180deg);

/* Opera */
-o-transform: rotate(-180deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

}
</style>

Advertisement

HTML Sample
<div id="rotateDIV">This Rotate</div>

The example above rotates text 180 degrees counterclockwise.

The rotation property of Internet Explorer’s BasicImage filter can accept one of four values: 0, 1, 2, or 3 which will rotate the element 0, 90, 180 or 270 degrees respectively.

For Hover
You can use this:
#rotateDIV:hover {
CSS Rotate
}

Advertisement
no image
Add Comments
0 Comments
Click Here to Add Comments

No Comment