Skip to content

Instantly share code, notes, and snippets.

@nurbek-ab
Last active August 14, 2017 17:45
Show Gist options
  • Save nurbek-ab/92989fe6c5071e956b6a to your computer and use it in GitHub Desktop.
Save nurbek-ab/92989fe6c5071e956b6a to your computer and use it in GitHub Desktop.
Bootstrap 3 button with transparent background
/**
* Tested on Bootstrap 3.3.2
* Usage: <button class="btn btn-transparent" type="button">Click me</button>
*/
.btn-transparent {
background: transparent;
color: #F2F2F2;
-webkit-transition: background .2s ease-in-out, border .2s ease-in-out;
-moz-transition: background .2s ease-in-out, border .2s ease-in-out;
-o-transition: background .2s ease-in-out, border .2s ease-in-out;
transition: background .2s ease-in-out, border .2s ease-in-out;
border: 2px solid #4992B7;
}
.btn-transparent:hover {
color: white;
background-color: rgba(255,255,255,0.2);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment