Snippets

Stitched elements in CSS3

Stitched elements in CSS3

p {
	padding: 5px 10px;
	margin: 10px;
	background: #ff0030;
	color: #fff;
	font-size: 21px;
	line-height: 1.3em;
	border: 2px dashed #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
	-webkit-box-shadow: 0 0 0 4px #ff0030, 2px 1px 4px 4px rgba(10,10,0,.5);
	box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10,10,0,.5);
	text-shadow: -1px -1px #aa3030;
}

Share this snippet

 
  • http://ootooban.com Hamed

    A demo maybe?

  • Pablo

    NO DEMO?

  • http://www.wprecipes.com Jean-Baptiste Jung

    follow the “source” link, there’s a demo :)

  • jumper

    there is no “source” link on this page (FF 19.0)

  • Alexander

    But there is no “source” link…

  • http://ademilter.com Adem ilter

    demo: http://codepen.io/ademilter/pen/CJtKH

  • http://www.devzero.it unixo

    Demo
    http://jsfiddle.net/Uw2Yg/

  • http://graphicriver.net/user/oblik/portfolio Oblik

    Demo : http://cdpn.io/GlwcA