Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

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>