box shadow demo 2 (door close effect)

dabblet.css

/**
  * box shadow demo 2 (door close effect)
  **/

.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 .5s ease-in-out infinite alternate;
}

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

dabblet.html

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

settings.json

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