Categories: CSS
As title says, we can Flip Text Upside Down or Reverse Text using CSS only(Rather than some jQuery Plugin or JavaScript). The CSS is completely Cross-browser compatible(Yeah, even older IEs), check out the CSS below.
Flipping Text Upside Down
1 2 3 4 5 6 |
-webkit-transform:rotate(-180deg);
-moz-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
transform:rotate(-180deg);
ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
Reversing Text
1 2 |
direction: rtl;
unicode-bidi: bidi-override;
|
Live Demo
Here is a live demo of implementation of above snippets:
Flipping Text
Reversing Text
Alternatively, you can see them here.
Fantastic goods from you, man. I have take into account your stuff previous to and you are simply too magnificent. I really like what you have obtained right here, certainly like what you are stating and the best way through which you are saying it. You are making it entertaining and you still take care of to stay it wise. I can’t wait to read much more from you. This is actually a wonderful website.
Pretty! This has been an extremely wonderful article.
Thanks for providing these details.