Untitled

dabblet.css

nav a.main {
	transition: border-color 4s;
	-moz-transition: border-color 4s;
	-ms-transition: border-color 4s;
	-o-transition: border-color 4s;
	-webkit-transition: border-color 4s;
	display: block;
	border-bottom:100px solid rgba(0,0,0,0.1);
}

nav li:hover a.main {
	border-color:#e53b2c;
 }

nav a.main:hover {
	background-color:#ff6;
	color: #444;
}

dabblet.html

	<nav class="sections">
		<ul class="clearfix">
			<li class="coding">
				<a href="#" class="main">Coding</a>
				<ul>
					<li><a href="#">CSS</a></li>
					<li><a href="#">HTML</a></li>
					<li><a href="#">JavaScript</a></li>
					<li><a href="#">PHP</a></li>
				</ul>
			</li>
		</ul>
	</nav>

settings.json

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