How do I mirror text in Firefox?

Question

How do I mirror text just like iTunes in Firefox? Is there JavaScript that can do this or is it possible with CSS? I'm looking for a true mirror image that I can then manipulate not backwards text.

Answer 1

CSS transforms or HTML5 Canvas are probably your best bet without getting into Java/Flash: http://webkit.org/blog/130/css-transforms/

Answer 2

Christian Effenberger's Reflex library provides a nice degradable reflection effect for images, but not for text. Depending on the height of the area you wish to reflect you can use the old technique of creating multiple single-pixel-tall divs with with negative top offsets and copies of the original text. Clunky, but effective.

Answer 3

I found a hacky solution too: http://snipplr.com/view/4215/flip-your-text-with-charsets/

Answer 4

There's JavaScript code to do it. You could probably look at the code on a site like Flip Text.

And like charlie said, it's basically a conversion - one character matched with another that looks upside down.

Answer 5

There's a jQuery plugin that can create that effect: FontEffect