mirror of
https://github.com/amiaopensource/ffmprovisr.git
synced 2025-01-27 02:15:01 +01:00
fancy buttons with icons
This commit is contained in:
parent
ecfd1febfd
commit
ca8c4a6d10
37
css/css.css
37
css/css.css
@ -1,3 +1,38 @@
|
|||||||
span .btn {
|
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);
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user