Circle Image Gallery Step One /*

dabblet.css

/* Circle Image Gallery Step One /*

dabblet.html

<!-- Circle Image Gallery Step One -->

<div class="gallery">
	<ul>
		<li><p>One</p><img src="http://lorempixum.com/400/400/sports/1" /></li>
		<li><p>Two</p><img src="http://lorempixum.com/400/400/sports/2" /></li>
		<li><p>Three</p><img src="http://lorempixum.com/400/400/sports/3" /></li>
		<li><p>Four</p><img src="http://lorempixum.com/400/400/sports/4" /></li>
		<li><p>Five</p><img src="http://lorempixum.com/400/400/sports/5" /></li>
		<li><p>Six</p><img src="http://lorempixum.com/400/400/sports/6" /></li>
		<li><p>Seven</p><img src="http://lorempixum.com/400/400/sports/7" /></li>
		<li><p>Eight</p><img src="http://lorempixum.com/400/400/sports/8" /></li>
	</ul>

settings.json

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