benjamincharity
11/7/2012 - 9:17 PM

CSS Border with Box-Shadow Example

CSS Border with Box-Shadow Example

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
<div>Eh careful man, there's a beverage here eh!</div>
/**
 * CSS Border with Box-Shadow Example
 */

div {
	/* Borders */
	box-shadow: 0 0 0 6px rgba(0,0,0,0.2), 0 0 0 12px rgba(0,0,0,0.2), 0 0 0 18px rgba(0,0,0,0.2), 0 0 0 24px rgba(0,0,0,0.2);

	/* Meaningless pretty things */
	background: linear-gradient(45deg, powderBlue, ghostwhite);
	height: 200px;
	line-height: 200px;
	font-family: sans-serif;
	color: MidnightBlue;
	margin: 100px auto;
	text-align: center;
	width: 400px
}