Click here to Skip to main content
Click here to Skip to main content

Tagged as

Go to top

Making Text Upside down using CSS

, 25 Nov 2011
Rate this:
Please Sign up or sign in to vote.
Making Text Upside down using CSS


After seeing this message by PompeyBoy3, I wanted the same in CSS, so I have tried & am now posting here.


<title>Text Up side down</title>
<style type="text/css">
	filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */
	ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
	-moz-transform: rotate(-180deg);  /* FF3.5+ */
	-o-transform: rotate(-180deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-180deg);  /* Safari 3.1+, Chrome */
	position: absolute; 
<div class="txtUpsideDown">Test message</div>

Browser Compatibility

I have tested this script in the following Web browsers:
  • Internet Explorer
  • Mozilla Firefox
  • Google Chrome
  • Safari
  • Opera



This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Web Developer
India India
Programmer | Dude | ||||||
About him & his blog? check out here. Currently he's updating the site, he'll return soon there with more things*.
In Codeproject, he posted a blogpost & more than couple of Tip/Tricks, hope he'll write more soon.
Favorite techs are MVC, WCF, Mobile, HTML5, CSS3, jQuery, etc.,
His hobbies are watching movies, CP, being alone, etc., But now he's working on something*.
* - SCAMP???
Follow on   Twitter   Google+   LinkedIn

Comments and Discussions

GeneralMy vote of 3 PinmemberGirish Balanagu17-Feb-13 19:20 
GeneralRe: My vote of 3 Pinmvpthatraja18-Feb-13 10:15 
GeneralRe: Cheers. :) PinmemberRaisKazi21-Dec-11 0:41 
GeneralRe: Yes Unicode char broken in this site... PinmemberShilpi Boosar13-Mar-11 20:45 
Yes Unicode char broken in this site...
GeneralRe: But it looks like broken(I mean that site convert things som... Pinmvpthatraja10-Mar-11 7:35 
GeneralRe: ?d??uo? buiz??? (: ??i ?ob PinmemberShilpi Boosar10-Mar-11 7:26 
GeneralReason for my vote of 5 Nice one. Especially I liked you cov... PinmemberRaisKazi20-Dec-11 19:45 
GeneralRe: But got excess points because you are a silver author now :) Pinmvpthatraja20-Dec-11 20:06 
GeneralNice one! I too tried with CSS3 and Canvas. http://my.opera.... Pinmemberraju dasa2-Dec-11 8:08 
GeneralReason for my vote of 5 very nice and concise. Thanks for sh... PinmemberBrianBissell1-Dec-11 5:14 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web04 | 2.8.140916.1 | Last Updated 25 Nov 2011
Article Copyright 2011 by thatraja
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid