Skip to content

Instantly share code, notes, and snippets.

@BigAB
Last active August 29, 2015 14:12
Show Gist options
  • Save BigAB/3389853df9a898d676d9 to your computer and use it in GitHub Desktop.
Save BigAB/3389853df9a898d676d9 to your computer and use it in GitHub Desktop.
A pretty nav
/* A pretty nav */
body {
color: #eee;
background: rgba(0, 0, 0, 0.8);
font-family: sans-serif;
font-size: 24px;
}
nav {
text-align: right;
margin-right: 2em;
}
a {
color: #eee;
display: inline-block;
margin: 1em;
transition: transform .2s ease-out;
text-decoration: none;
}
a:hover {
transform: scale(1.2);
text-shadow: 0 0 1em #ccc;
}
.active {
transform: scale(1.1);
text-shadow: 0 0 0.5em #ccc, 1px 1px 3px #000;
}
<nav>
<a href class="grow active">Somewhere</a>
<a href class="grow">Somewhere else</a>
<a href class="grow">About Us</a>
</nav>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment