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.

<title>Display Text Up side down Example...</title>
<style type="text/css">
    -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; 
<div class="displayUpsideDown">ENJOY SAMPLE TEXT HERE!!!</div>

No comments:

Post a Comment