Skip to content

Instantly share code, notes, and snippets.

@zincplusplus
Created June 7, 2012 18:03
Show Gist options
  • Save zincplusplus/2890469 to your computer and use it in GitHub Desktop.
Save zincplusplus/2890469 to your computer and use it in GitHub Desktop.
Filter demos
/**
* Filter demos
*/
.menu {
background: #131313;
text-align: center;
}
.menu a {
color: #fff;
box-shadow: 0 2px 0 0 #131313 inset;
display: inline-block;
font: 14px Arial, sans;
padding: 10px;
text-decoration: none;
}
.menu a:hover {
background: #333;
}
.menu a:target {
background: white;
color: black;
}
<div class="menu">
<a id="home" href="#home">Home</a>
<a id="about" href="#about">About</a>
<a id="portfolio" href="#portfolio">Portfolio</a>
<a id="contact" href="#contact">Contact</a>
</div>
{"view":"separate","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