diff --git a/css/css.css b/css/css.css index 2c225f5..bc31daf 100644 --- a/css/css.css +++ b/css/css.css @@ -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); } \ No newline at end of file