Beemuse Stitches

Some ordinary text

Some ordinary text

Quite a bit more ordinary text... this is, after all, a perfectly normal div. It'll stretch as far as it can. How far is that? No one knows for sure...

Usage

Use like a Bootstrap well. Relatively-positioned .stitch element with z-index of 0. Default settings typically work but special cases (such as combining with 3D Flips) may require adjustments.

No IE7 support (no :before or :after pseudo-elements). Note that the gradient within the well itself supports IE10+ (IE9 and under will get an even mix of the two colors).

Credit: Red Team Design (tweaked a bit)

HTML

<div class="stitch">
    ...
</div>

Designed and built with all the buzz in the world @itmustbe

Code licensed under the MIT License