Comments on: Real text rotation with CSS

By: Obracanie tekstu przy pomocy CSS i JQuery « CssTips

Obracanie tekstu przy pomocy CSS i JQuery « CssTips — Sat, 06 Mar 2010 23:59:18 +0000

[...] informacji na temat obracania tekstu wpadłem na ciekawe rozwiązanie opisane przez thecssninja.com. Cała sztuczka polega na zastosowaniu właściwości writing-mode do zmiany kierunku pisania [...]

By: The Css Ninja

The Css Ninja — Wed, 03 Mar 2010 23:53:36 +0000

@Mahaveer - There is a Matrix filter in IE, like all IE propriety properties has highly convoluted and confusing syntax, which could potentially be used to do a 10 degree rotation. Have a read of this blog post to help you get your head around it. @wtrmute - Haha, yeah I don't see writing-mode catering for those crazy obscure scripts, but spiral writing would be pointlessly awesome.

By: wtrmute

wtrmute — Wed, 03 Mar 2010 17:02:33 +0000

Strictly, Ogham (an old Irish alphabet) can be written bottom-to-top and left-to-right. Of course, I doubt that W3C will add another writing mode just to support an obscure script. Otherwise they’d have to add boustrophedon and runic/Iberian spiral writing…

By: Mahaveer Singh

Mahaveer Singh — Wed, 03 Mar 2010 14:59:06 +0000

Its really a useful post, thanks buddy. But i have a question. Is there any solution for rotating any block content in IE to a particular angle(say 10 degree) as is done in mozilla through the code

“-moz-transform: rotate(10deg);”

is this possible in IE friends???

By: CSS 3 Text: A Tale of writing-mode Woe

CSS 3 Text: A Tale of writing-mode Woe — Sat, 13 Feb 2010 05:10:18 +0000

[...] reading an interesting article on using the writing-mode CSS property to display vertical text (I’m always interested in how to abuse what browsers currently [...]

By: The Css Ninja

The Css Ninja — Fri, 12 Feb 2010 22:44:40 +0000

@Bruce – Unfortunately that is a limitation of using writing-mode, it’s intention is for non-english languages like japanese and arabic and since their is no written script that flows from bottom to top you can’t actually do that. I would recommend Snook’s solution if you need to do that.

By: Bruce Bell-Myers

Bruce Bell-Myers — Fri, 12 Feb 2010 13:49:00 +0000

IE seems only allow text to flow top to bottom, as the “2009″ does in your example. I have tried the other settings, none seem to make the text rotated 180 degrees from that, or reading from bottom to top?

By: Zach Leatherman

Zach Leatherman — Wed, 10 Feb 2010 01:10:38 +0000

Nice work, but this approach is limited, in that the text can only be rotated 90 degrees, instead of Snook’s approach which allows 90, 180, and 270 degrees.

Snook’s text-rotation is using the 270 degree angle.

By: David

David — Mon, 14 Dec 2009 23:51:43 +0000

Nice post! Works perfectly in IE7. Thank you. Saved me a lot of time.

By: The Css Ninja

The Css Ninja — Sun, 01 Nov 2009 23:24:44 +0000

@sinzoo - Unfortunately Opera is yet to support writing-mode or CSS transforms. The good news is in Presto 2.3, Opera's rendering engine, (v10 runs presto 2.2) they have added a huge amount of CSS3 support so the transform technique will work from this tutorial when Presto 2.3 is released, just not sure when that is.