Live Code Editor Version 2.0

Box-shadow 2 RUN

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <style type="text/css">
        h2{
            height: 100px;
            width: 200px;
            text-align: center;
            margin: 20px;
            border: solid 1px red;
        }
        #box1{
            box-shadow: 0px 0px 12px 10px red;
            -moz-box-shadow: 0px 0px 12px 10px red;
            -webkit-box-shadow: 0px 0px 12px 10px red;
        }
        #box2{
            box-shadow: 0px 0px 12px 10px red inset;
            -moz-box-shadow: 0px 0px 12px 10px red inset;
            -webkit-box-shadow: 0px 0px 12px 10px red inset;
        }
        #box3{
            box-shadow: 5px 5px 12px 0px red;
            -moz-box-shadow: 5px 5px 12px 0px red;
            -webkit-box-shadow: 5px 5px 12px 0px red;
        }
        #box4{
            box-shadow: 5px 5px 0px 0px red;
            -moz-box-shadow: 5px 5px 0px 0px red;
            -webkit-box-shadow: 5px 5px 0px 0px red;
        }
        #box5{
            box-shadow: -5px -5px 5px 0px red;
            -moz-box-shadow: -5px -5px 5px 0px red;
            -webkit-box-shadow: -5px -5px 5px 0px red;
        }
        </style>
    </head>
    <body>
        <h2 id="box1">Box1</h2>
        <h2 id="box2">Box2</h2>
        <h2 id="box3">Box3</h2>
        <h2 id="box4">Box4</h2>
        <h2 id="box5">Box5</h2>
    </body>
</html>