mirror of
https://github.com/amiaopensource/ffmprovisr.git
synced 2025-01-26 09:55:02 +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 {
|
||||
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