Submit your widget
HomeText & Link Effectsjquery flip Text

jquery flip Text

Created 14 years ago   Views 11807   downloads 1684    Author pupunzi
jquery flip Text
View DemoDownload
100
Share |

Never needed to flip your text vertically?

jquery.mb.flipText is a simple plug-in to turn your text vertically in both direction: top-bottom or bottom-top.
It embeds an SVG object so you can use whatever font-family, or font-size you need and tey'll be preserved. For IE (that doesn't support SVG) it works with its own filter property. Wasn't that something you would have done on your HTML pages?

in the header:

 <script type="text/javascript" src="http://jquery.com/src/jquery-latest.js"></script>
  <script type="text/javascript" src="inc/jquery.mb.flipText.js"></script>
  <script type="text/javascript">
  $(function(){
    $("#tb").mbFlipText(true); // top to bottom
    $("#bt").mbFlipText(false); // bottom to top
  });
  </script>

 

 

in the body:

<div id="tb" > text top to bottom  </div>
  <div id="bt" > text bottom to top  </div>

 

You might also like