-
-
Save mstalfoort/4140374 to your computer and use it in GitHub Desktop.
Hover button
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Hover button | |
*/ | |
a { | |
font: 2em arial; | |
display: inline-block; | |
text-decoration: none; | |
color: #fff; | |
margin: 2em 0 0 2em; | |
padding: .5em; | |
border-radius: .3em; | |
box-shadow: .1em .1em .1em #333; | |
background: #1e5799; | |
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); | |
} | |
a:hover { | |
background: #7db9e8; | |
box-shadow: .1em .1em .2em #333; | |
background: linear-gradient(to bottom, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); | |
} | |
p { | |
display: none; | |
opacity: 0; | |
margin: 1em 0 0 4em; | |
transition: .3s; | |
} | |
a:hover + p { | |
opacity: 1; | |
display: block; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- content to be placed inside <body>…</body> --> | |
<a href="http://vasilis.nl/">Hover and click me!</a> | |
<p>This text explains things</p> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// alert('Hello world!'); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{"view":"separate","fontsize":"100","seethrough":"1","prefixfree":"1","page":"all"} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment