Display Text Upside down using CSS3 

Below example will help you to learn how to Display some text Upside down on the webpage using CSS3.

<html>
<head>
<title>Display Text Up side down Example...</title>
<style type="text/css">
.displayUpsideDown 
{
    -o-transform: rotate(-180deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-180deg);  /* Safari 3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */
    ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
    -moz-transform: rotate(-180deg);  /* FF3.5+ */        
    
    position: absolute; 
}
</style>
</head>
<body>
<div class="displayUpsideDown">ENJOY SAMPLE TEXT HERE!!!</div>
</body>
</html>

No comments:

Post a Comment