Skip to content

Instantly share code, notes, and snippets.

@graemeboy

graemeboy/standby-button.css

Created February 22, 2015 04:41
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save graemeboy/10363e84cd38b2ce0c92 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save graemeboy/10363e84cd38b2ce0c92 to your computer and use it in GitHub Desktop.
Download ZIP
Standby Logout Button CSS
Raw
standby-button.css
.exit-btn:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.exit-btn {
border: none;
font-family: inherit;
font-size: inherit;
color: inherit;
background: none;
cursor: pointer;
padding: 25px 80px;
display: inline-block;
margin: 15px 30px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.exit-btn-4:before {
height: 60px;
width: 100%;
line-height: 60px;
background: #fff;
color: #3399cc;
border-radius: 10px 10px 0 0;
position: absolute;
left: 0;
top: 0;
font-size: 140%;
font-family: 'Glyphicons Halflings';
content: "\e017";
}
.exit-btn-4 {
padding: 80px 20px 20px 20px;
border-radius: 10px;
box-shadow: 0 3px #2c85b1;
background: #3399cc;
color: #fff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment