cialis online pharmacy generic xenical cheap cialis online cialis generic viagra online in canada buy cheap levitra online cialis without a perscription order viagra uk no prescription flagyl cheap generic levitra buying viagra in the uk cheap viagra approved cialis deltasone online buy viagra online without prescription non prescription cialis buy orlistat uk buy cialis in india prednisone 60 mg female viagra online buy viagra without prescription celebrex prescriptions buy cialis canada best prices viagra alternative to prednisone cheapest generic levitra levitra 5mg cheap viagra cialis on line buy xenical without prescription online accutane canadian health care prednisone no prescreption viagra online generic female viagra europe buy cialis low price cheap india viagra

How To Reverse Text with CSS

Flip over your text as web design elements with CSS!

This first code flips each letter horizontally making them face towards the left while retaining their original positions and sequence.

CSS

.one   {-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
transform:rotateY(180deg);
unicode-bidi:bidi-override;
direction:rtl;}

HTML

<span  >Test number one.</span>

The second code flips the letters’ direction, position, AND sequence. What used to be the first letter of the first word of the phrase is now the last, creating a mirror image of the original text.

CSS

.two   {-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
-ms-transform:rotateY(180deg);
transform:rotateY(180deg);}

HTML

<span  >Test number two.</span>

The third and last code simply flips the letter order but not their direction they face.

CSS

.three   {unicode-bidi:bidi-override;
direction:rtl;}

HTML

<span  >Test number three.</span>

Related Posts

How to Create a Custom WordPress Registration Form with Flat UI

How To Create A Basic Social Sharing Button

Convert PSD Files to HTML and CSS with PSDSlicing

Dabblet CSS and HTML Editor