Rainbow glow

dabblet.css

body {
	background-image: url(http://www.bmwcarswallpapers.com/bulkupload//hd/2//BMW%20HD/BMW%20Pics%20Full%20HD.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	}

.rainbow-shadow {
	position: relative;
	width: 200px;
	height: 200px;
	margin: 50px;
	opacity: 0.9;
        }
        
    .rainbow-shadow:after,
    .rainbow-shadow:before,
    .rainbow-shadow i:after,
    .rainbow-shadow i:before,
    .rainbow-shadow b:after,
    .rainbow-shadow b:before {
        content: "";
        position: absolute;
        top: 15px;
        bottom: 15px;
        z-index: -1;
        }

    .rainbow-shadow i,
    .rainbow-shadow b {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        }

    .rainbow-shadow:before {
        left: 8%;
        width: 7%;
        -moz-box-shadow: 0 0 7px 18px #ff00c6, 0 0 19px 24px #ff00c6;
        -webkit-box-shadow: 0 0 7px 18px #ff00c6, 0 0 19px 24px #ff00c6;
        box-shadow: 0 0 7px 18px #ff00c6, 0 0 19px 24px #ff00c6;
        background: #ff00c6;
        }

    .rainbow-shadow b:before {
        left: 26%;
        width: 1%;
        -moz-box-shadow:  0 0 7px 18px #07eeff, 0 0 19px 24px #07eeff;
        -webkit-box-shadow:  0 0 7px 18px #07eeff, 0 0 19px 24px #07eeff;
        box-shadow:  0 0 7px 18px #07eeff, 0 0 19px 24px #07eeff;
        background: #07eeff;
        }

    .rainbow-shadow b:after {
        right: 8%;
        width: 2%;
        -moz-box-shadow: 0 0 7px 18px #e10504, 0 0 19px 24px #e10504;
        -webkit-box-shadow: 0 0 7px 18px #e10504, 0 0 19px 24px #e10504;
        box-shadow: 0 0 7px 18px #e10504, 0 0 19px 24px #e10504;
        background: #e10504;
        }

    .rainbow-shadow i:before {
        left: 52%;
        width: 1%;
        -moz-box-shadow: 0 0 7px 18px #16ff00, 0 0 19px 24px #16ff00;
        -webkit-box-shadow: 0 0 7px 18px #16ff00, 0 0 19px 24px #16ff00;
        box-shadow: 0 0 7px 18px #16ff00, 0 0 19px 24px #16ff00;
        background: #16ff00; 
        }

    .rainbow-shadow i:after {
        right: 28%;
        width: 4%;
        -moz-box-shadow: 0 0 7px 18px #e0cd03,  0 0 19px 24px #e0cd03;
        -webkit-box-shadow: 0 0 7px 18px #e0cd03,  0 0 19px 24px #e0cd03;
        box-shadow: 0 0 7px 18px #e0cd03,  0 0 19px 24px #e0cd03;
        background: #e0cd03;
        }

dabblet.html

<div class="rainbow-shadow"><b><i><i></b></div>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}