box shadow demo

dabblet.css

/**
  * box shadow demo
  **/

.demo{
	position: relative;
	margin: 50px;
	width:200px;
	height: 200px;
	background-color: steelblue;
	line-height: 200px;
	text-align: center;
	font-size: 28px;
	display: block;
	-webkit-animation: myAnimation 1s ease-in-out infinite alternate;
}

@-webkit-keyframes myAnimation{
	from { box-shadow: none }
	to { box-shadow: inset 100px 100px 0 0 rgba(255,255,255,.5), inset -100px -100px 0 0 rgba(255,255,255,.5) }
}

dabblet.html

<div class="demo">Hello</div>

settings.json

{"view":"separate","fontsize":"60","seethrough":"","prefixfree":"1","page":"all"}