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
}