Hello world!

dabblet.css

/**
 * Hello world!
 */

.b-list {
	font-size: 0;
	letter-spacing: -4px;
}


.b-list__item {
	position: relative;
	display: inline-block;
	border-radius: 4px;
	transition: all ease .5s;
}

.b-list__item:hover {
	z-index: 1;
	box-shadow: 0 0 2px rgba(0, 0, 0, .4);
	transform: scale(0.9);	
}

.b-list__item img {
	border-radius: 4px;
}	

dabblet.html

<div class="b-list">
	<div class="b-list__item"><img src="http://placehold.it/200x200" alt=""></div>
	<div class="b-list__item"><img src="http://placehold.it/200x200" alt=""></div>
	<div class="b-list__item"><img src="http://placehold.it/200x200" alt=""></div>
	<div class="b-list__item"><img src="http://placehold.it/200x200" alt=""></div>
</div>

settings.json

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