Untitled

dabblet.css

* {margin: 0; padding: 0;}

body {background: #222;}

/*GALLERY*/
.gallery {
   width: 62.5rem;
   margin: 10rem auto auto 1rem;
}

ul {list-style: none;}

.gallery li {
   height: 5rem;
   width: 5rem;
   margin: 1rem;
   float: left;
   overflow: hidden;
   border-radius: 5%;
}

.gallery li p {
	width: 6.25rem;
	padding: 1.25rem;
	position: relative;
	top: 55%;
	left: -35%;
	color: black;
	text-align: center;
	font: 1.125rem/1 Helvetica, Verdana, sans-serif;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	/*transition: top 0.5s ease;*/
}

/*.gallery li:hover p{
     	top: 45%;}*/

.gallery li img {
	transform-origin: center center;
    transform:  translate(0%, 0%) scale(1.5);
	transition: all 1s ease-out;
}

.gallery li:hover img {
    transform:  scale(0.75);
}

dabblet.html

<div class="gallery">    
	<ul>        
		<li><a href="http://willkempartschool.com/urban-sketching-tutorial-for-beginners" target="_blank"><img src="http://willkempartschool.com/wp-content/uploads/2015/09/pen-bike-sketch-detail-small.jpg"/></a></li>        
		<li><a href="http://willkempartschool.com/an-art-material-addicts-guide-to-becoming-a-minimalist-urban-sketcher" target="_blank"><img src="http://willkempartschool.com/wp-content/uploads/2015/10/brushpen-on-table.jpg"/></a></li>        
		<li><a href="http://willkempartschool.com/how-to-shade-a-drawing-light-shadow-part-2" target="_blank"><img src="http://willkempartschool.com/wp-content/uploads/2014/03/finished-apple-drawing-tutorial.jpg"/></a></li>     
	</ul>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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