WebAppers

/ best free open source web resources /

Shopify

CSS Text Wrapper Makes HTHML Text Wrap in Shapes

Posted · Category: License Free, Tools

The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website. There are three different ways to apply the wrapping shape to your site. Each has it’s benefits and drawbacks, you can choose the most suitable method for your website.

css-text-wrapper.png

Requirements: -
Demo: http://www.csstextwrap.com
License: License Free

7 Comments
  • http://mr.moox.fr/ Mr.MoOx

    Wooooowww!
    Very nice and pretty!

  • Chris

    Yep, just what the web needs, extraneous divs inside used for errant presentation logic.

  • Pingback: Link notes del Gennaio 10th » Sapientone

  • http://www.XGhozt.com/ XGhozt

    This is actually pretty awesome.

  • http://mahalie.com/notebook/ mahalie

    Certainly don’t want to see this on every site but it’s an often requested feature that’s now easy to implement. I think this is great and could allow for some layouts that are really creative yet still accessible.

  • http://free-iphone-apple.blogspot.com mark

    Very nicely done.

  • Alan

    I would rather just ‘pop’ a graphic into my existing text and have the text wrap around it then. Is this doable?

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons