double inner box shadow - Cacher Snippet

5/15/2014 - 5:34 PM

double inner box shadow

double inner box shadow

<!DOCTYPE html>
<html>
 
<head>
    <title>box shadow</title>
    <style>
    .item {
        background: orange;
        border: solid 1px blue;
        box-shadow: inset 0 0 0 1px red, inset 0 0 0 2px green; /* nesting inset shadow*/
        height: 100px;
        width: 100px;
    }
    </style>
</head>
 
<body>
    <div class="item">&nbsp;</div>
</body>
 
</html>