slide out tabs

dabblet.css

/**
 * slide out tabs
 */

li {
	float: left;
	width: 100px;
	height: 10px;
	list-style: none;
	display: block;
	border: 3px solid black;
	padding: 5px;
	margin-right: 4px;
	border-radius: 10px 10px 0 0;
	position: relative;
}

li:hover {
	transition: 1s;
	height: 20px;
	top: -10px;
}

dabblet.html

<ul>
	<li>Photos</li>
	<li>Videos</li>
	<li>Music</li>
	<li>Lyrics</li>
</ul>

settings.json

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