How to Create “Stitched” Look

Hack or Fix 87 views
0
0 Flares 0 Flares ×

The trick to get the background color to bleed over the border of the spread radius of box-shadow (the 4th element, which is set to 8px).

.stitched {
   border:2px dashed #ffffff;
   box-shadow: 0 0 0 8px #ff0030;
}

Result

Check out the stitch effect!

Provided by: Chris Coyier
Posted in CSS

Discuss:

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

No Trackbacks.

Login

Register | Lost your password?
0 Flares Twitter 0 Facebook 0 Google+ 0 0 Flares ×