SO Question 21687326

by TexasBrawler

HTML

<div id="myShapedDiv">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus et tempor ante. Donec at est euismod, lobortis diam eu, viverra ante. Cras volutpat, libero in congue hendrerit, ex nisi egestas dolor, congue semper felis tellus eget sapien. Aenean nec pretium dolor. Donec lobortis velit vestibulum viverra dictum. Cras sagittis tristique vehicula. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla id lorem nec nulla consectetur pellentesque ac in enim. Proin facilisis tincidunt purus ut tempus. Sed eu dui quam. Vestibulum arcu enim, tristique ac aliquet non, tristique a neque. Vivamus massa purus, dictum in vulputate at, convallis eu mi. Integer a pretium felis. Fusce nec nunc nisi. Etiam commodo lacus eu orci eleifend porttitor.</p>

<p>Morbi tincidunt commodo risus, ac vulputate dui. Aenean dictum sem ut nisl viverra luctus. Nulla suscipit odio sed est rutrum sollicitudin. Suspendisse in sodales neque. Duis molestie, velit nec tempus mattis, justo turpis aliquet lectus, at euismod massa lectus eu lorem. Morbi imperdiet at nibh eu tristique. Sed tempor suscipit euismod. Sed erat justo, sodales at malesuada sed, faucibus quis justo. Suspendisse pharetra purus sed quam aliquet feugiat. Proin sem dui, placerat non luctus id, eleifend non est. In hac habitasse platea dictumst.</p>

<p>Maecenas sollicitudin pretium fringilla. Maecenas turpis mi, pretium non nunc vitae, hendrerit vestibulum ante. Ut lacus ipsum, euismod eleifend ipsum quis, euismod dapibus ipsum. In risus tortor, porttitor scelerisque leo nec, molestie facilisis mauris. Vivamus consequat purus aliquam quam finibus vehicula. Proin tincidunt iaculis elit sed lacinia. Nulla rutrum felis a commodo venenatis. Vivamus bibendum lectus eu mauris tristique consequat.</p>

<p>Nam placerat urna lectus, et pulvinar turpis tristique ut. Aliquam quis massa aliquet, sagittis felis at, congue sem. Quisque purus erat, ultrices sit amet...

CSS

#myShapedDiv {
    color: white;
    background-color: blue;
    -webkit-clip-path: polygon(100px 100px,45px 156px,687px 31px,271px 100px,70px 10px,49px 250px,133px 406px,374px 462px,529px 393px);
    clip-path: polygon(100px 100px,45px 156px,687px 31px,271px 100px,70px 10px,49px 250px,133px 406px,374px 462px,529px 393px);
}