Pop in close buttons when hovering

Fixes: https://bugs.launchpad.net/midori/+bug/889962
This commit is contained in:
Daniel Foré 2011-11-17 01:18:03 +01:00 committed by Christian Dywan
parent 040a1670e4
commit e52288cdd2

View file

@ -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 {