Skip to content

Instantly share code, notes, and snippets.

@graemeboy

graemeboy/round-logout-button.css

Created February 22, 2015 04:36
Show Gist options

  • Select an option

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

Select an option

Learn more about clone URLs
Save graemeboy/e8687895feead0178263 to your computer and use it in GitHub Desktop.
Download ZIP
Round Logout Button
Raw
round-logout-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-1 {
background: #f90;
color: #fff;
box-shadow: 0 6px #dd8500;
-webkit-transition: none;
-moz-transition: none;
transition: none;
border-radius: 50%;
width: 90px;
height: 90px;
padding: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment