Untitled

dabblet.css

.list {
	overflow: hidden;
	border-top: 1px solid #808080;
	list-style: none;
}
.list li {
	border-bottom: 1px solid #808080;
}
.list li a {
	display: block;
	padding: 1em;
	position: relative;
}
.picker li a:after {
	content: ".";
	display: block;
	width: 1em; 
	height: 1em;
	border: 1px solid #808080;
	overflow: hidden;
	text-indent: -99999em;
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -0.5em;
	border-radius: 0.5em;
	background-color: #fff;
	-webkit-transition: all 6.3s ease-out; 
    -moz-transition: all 6.3s ease-out;  
    -o-transition: all 6.3s ease-out; 
    transition: all 6.3s ease-out;
	
}
.picker li a:hover:after {
	right: 5em;
	background: #808080;
}

dabblet.html

<ul class="list picker">
				<li><a href="#">Blarg</a></li>
				<li><a href="#">Bloog</a></li>
				<li><a href="#">Bleep</a></li>
				<li><a href="#">Bloop</a></li>
				<li><a href="#">Betty Boop</a></li>
				<li><a href="#">Boz Scaggs</a></li>
				<li><a href="#">Bill Belamy and the Bellboyzzz</a></li></ul>

settings.json

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