Throbbing glow effect

dabblet.css

/**
 * Throbbing glow effect
 */
body {
	background: #fff;
}

@-webkit-keyframes throb {
    from { box-shadow: 0 0 20px #6cf; }
    50% { box-shadow: 0 0 00px #6cf; }
    to { box-shadow: 0 0 20px #6cf; }
}
@-moz-keyframes throb {
    from { box-shadow: 0 0 20px #6cf; }
    50% { box-shadow: 0 0 00px #6cf; }
    to { box-shadow: 0 0 20px #6cf; }
}

div {
	padding: 4em;
	background-color: rgba(0,0,0,.6);
	border-radius: 10px;
	width: 300px;
	position: relative;
}
div span {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 13px;
	line-height: 1;
	display: inline-block;
	x-border: 2px solid #fff;
	background-color: rgba(0,0,0,.5);
	color: rgba(255,255,255,.9);
	padding: 5px 6px;
	border-radius: 6px;
	-webkit-animation: throb 2s infinite;
	animation: throb 2s infinite;
}

dabblet.html

<link rel="stylesheet" href="http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css">

<div><span><i class="icon-facetime-video"></i></span></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}