fancy buttons with icons

This commit is contained in:
ablwr 2015-03-20 22:09:13 -04:00
parent ecfd1febfd
commit ca8c4a6d10

View File

@ -1,3 +1,38 @@
span .btn {
margin: 2px;
margin: 6px;
}
/* Bubble Float Top */
span .btn {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-right: 2.5em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
span .btn:before {
content: "\f1c8";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
span .btn:hover:before, span .btn:focus:before, span .btn:active:before {
-webkit-transform: scale(1.3) translateZ(0);
transform: scale(1.3) translateZ(0);
}