Pop in close buttons when hovering
Fixes: https://bugs.launchpad.net/midori/+bug/889962
This commit is contained in:
parent
040a1670e4
commit
e52288cdd2
1 changed files with 12 additions and 4 deletions
|
@ -10,6 +10,17 @@
|
||||||
<head>
|
<head>
|
||||||
<title>{title}</title>
|
<title>{title}</title>
|
||||||
<style>
|
<style>
|
||||||
|
|
||||||
|
/* Animations */
|
||||||
|
|
||||||
|
@-webkit-keyframes popin {
|
||||||
|
0% { opacity: 0.0; -webkit-transform: scale(0.00); }
|
||||||
|
75% { opacity: 0.5; -webkit-transform: scale(1.15); }
|
||||||
|
100% { opacity: 1.0; -webkit-transform: scale(1.00); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Styles */
|
||||||
|
|
||||||
* {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
@ -84,15 +95,12 @@
|
||||||
background: url(res://close.png);
|
background: url(res://close.png);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
-webkit-transition: opacity 0.15s;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
div.shortcut .preview:hover .cross {
|
div.shortcut .preview:hover .cross {
|
||||||
visibility: visible;
|
-webkit-animation: popin 250ms ease-in-out;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
-webkit-transition-delay: 0.5s;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.box.added {
|
.box.added {
|
||||||
|
|
Loading…
Reference in a new issue