Skip to content

Instantly share code, notes, and snippets.

@Mysteryguye

Mysteryguye/Happy Button!

Created January 30, 2013 00:05
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Mysteryguye/4669274 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Mysteryguye/4669274 to your computer and use it in GitHub Desktop.
Download ZIP
It looks nasty, but when you mouse over it you like it. Good for very colorful websites. ~Mysteryguye
Raw
Happy Button!
<html>
<head>
<title>BUTTONS BUTTONS BUTTONS!!!!!!</title>
<link rel="stylesheet" type="text/css" href="button-page.css">
.press-it{
width:100px;
height:45px;
border: 2px solid green;
margin: 45px auto;
background: olive;
opacity: .6;
border-radius: 9px;
box-shadow: 2px 4px 14px green,
2px 4px 24px black,2px 4px 34px red,
2px 4px 44px aquamarine,2px 4px 54px gold;
-webkit-transition: all 0.4s ease;
}
.press-it:hover {
box-shadow: 6px 8px 24px green,1px 2px 24px green,
8px 14px 24px green,14px 14px 24px green,
9px 17px 24px green;
background: lime;
opacity: 1;
}
.pressy {
width: 50;
height: 50;
border-radius: 10px;
background: black;
box-shadow: 100px 95px -1px white;
}
</head>
<body bgcolor= #fff666>
<div class="press-it"></div>
<div class-"pressy"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment