Click here to Skip to main content
11,477,044 members (75,368 online)
Click here to Skip to main content

Tagged as

Making Text Upside down using CSS

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

Description

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

Code

<html>
<head>
<title>Text Up side down</title>
<style type="text/css">
.txtUpsideDown 
{
	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; 
}
</style>
</head>
<body>
<div class="txtUpsideDown">Test message</div>
</body>
</html>

Browser Compatibility

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

Reference

http://css3please.com/

License

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

Share

About the Author

thatraja
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 Pin
Girish Balanagu17-Feb-13 20:20
memberGirish Balanagu17-Feb-13 20:20 
GeneralRe: My vote of 3 Pin
thatraja18-Feb-13 11:15
mvpthatraja18-Feb-13 11:15 
GeneralRe: Cheers. :) Pin
RaisKazi21-Dec-11 1:41
memberRaisKazi21-Dec-11 1:41 
GeneralRe: Yes Unicode char broken in this site... Pin
Shilpi Boosar13-Mar-11 21:45
memberShilpi Boosar13-Mar-11 21:45 
GeneralRe: But it looks like broken(I mean that site convert things som... Pin
thatraja10-Mar-11 8:35
mvpthatraja10-Mar-11 8:35 
GeneralRe: ?d??uo? buiz??? (: ??i ?ob Pin
Shilpi Boosar10-Mar-11 8:26
memberShilpi Boosar10-Mar-11 8:26 
GeneralReason for my vote of 5 Nice one. Especially I liked you cov... Pin
RaisKazi20-Dec-11 20:45
memberRaisKazi20-Dec-11 20:45 
GeneralRe: But got excess points because you are a silver author now :) Pin
thatraja20-Dec-11 21:06
mvpthatraja20-Dec-11 21:06 
GeneralNice one! I too tried with CSS3 and Canvas. http://my.opera.... Pin
raju dasa2-Dec-11 9:08
memberraju dasa2-Dec-11 9:08 
GeneralReason for my vote of 5 very nice and concise. Thanks for sh... Pin
BrianBissell1-Dec-11 6:14
memberBrianBissell1-Dec-11 6:14 
GeneralReason for my vote of 5 Good one. Pin
RaisKazi29-Nov-11 2:15
memberRaisKazi29-Nov-11 2:15 
GeneralReason for my vote of 5 Fantastic! I can see some good nefar... Pin
Walt Fair, Jr.26-Sep-11 14:25
subeditorWalt Fair, Jr.26-Sep-11 14:25 
GeneralReason for my vote of 5 Very Nice...! Pin
RaajTalluri15-Mar-11 22:51
memberRaajTalluri15-Mar-11 22:51 
GeneralReason for my vote of 5 very good! Pin
GreenRecover15-Mar-11 0:26
memberGreenRecover15-Mar-11 0:26 
GeneralReason for my vote of 5 Its really nice. I create the html p... Pin
Shilpi Boosar10-Mar-11 1:59
memberShilpi Boosar10-Mar-11 1:59 
GeneralRe: Actually In web you can find some sites for this kind of dif... Pin
thatraja10-Mar-11 4:34
mvpthatraja10-Mar-11 4:34 
GeneralReason for my vote of 5 Nice one! Pin
Manfred R. Bihy9-Mar-11 13:11
mvpManfred R. Bihy9-Mar-11 13:11 
GeneralGreat to see I am the inspiration for it, 5. Pin
PompeyBoy38-Mar-11 23:05
memberPompeyBoy38-Mar-11 23:05 
GeneralReason for my vote of 5 5. Glad to see I am the inspiration ... Pin
PompeyBoy38-Mar-11 23:04
memberPompeyBoy38-Mar-11 23:04 
GeneralRe: /*Glad to see I am the inspiration for it. Does that mean I ... Pin
thatraja10-Mar-11 4:32
mvpthatraja10-Mar-11 4:32 
GeneralReason for my vote of 5 nice one, but I have an alternate to... Pin
Prerak Patel8-Mar-11 17:25
mvpPrerak Patel8-Mar-11 17:25 
General????b si ???? Pin
Prerak Patel8-Mar-11 17:23
mvpPrerak Patel8-Mar-11 17:23 
GeneralReason for my vote of 5 Nice one man. But IE9 should it cra... Pin
Venkatesh Mookkan8-Mar-11 16:55
memberVenkatesh Mookkan8-Mar-11 16:55 
GeneralRe: But I didn't check in IE9 but tested in IE 7 &amp; 8. Welcom... Pin
thatraja10-Mar-11 4:30
mvpthatraja10-Mar-11 4:30 
GeneralReason for my vote of 5 This is Uber! 5* Pin
DrABELL8-Mar-11 16:16
memberDrABELL8-Mar-11 16:16 
GeneralReason for my vote of 5 Cool Pin
Johnny J.8-Mar-11 10:46
memberJohnny J.8-Mar-11 10:46 
GeneralReason for my vote of 5 Good to see my name in that way (i t... Pin
E$w@r8-Mar-11 8:28
memberE$w@r8-Mar-11 8:28 
Generalʇɐǝɹb sı ʇɐɥʇ Pin
Prerak Patel8-Mar-11 17:24
memberPrerak Patel8-Mar-11 17:24 
GeneralRe: ʇɐǝɹb sı ʇɐɥʇ Pin
thatraja10-Mar-11 7:02
mvpthatraja10-Mar-11 7:02 
GeneralRe: ʇɐǝɹb sı ʇɐɥʇ Pin
Reelix14-Mar-11 22:39
memberReelix14-Mar-11 22:39 

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 | Terms of Use | Mobile
Web01 | 2.8.150520.1 | Last Updated 25 Nov 2011
Article Copyright 2011 by thatraja
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid