From: Daniel Foré <daniel.p.fore@gmail.com>
Date: Thu, 17 Nov 2011 00:18:03 +0000 (+0100)
Subject: Pop in close buttons when hovering
X-Git-Url: https://spindle.queued.net/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=e52288cdd2e78a6d7db8fa2b7319a62d1689d390;p=midori
Pop in close buttons when hovering
Fixes: https://bugs.launchpad.net/midori/+bug/889962
---
diff --git a/data/speeddial-head.html b/data/speeddial-head.html
index ff868666..a2fb7d2b 100644
--- a/data/speeddial-head.html
+++ b/data/speeddial-head.html
@@ -10,6 +10,17 @@
<head>
<title>{title}</title>
<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;
padding: 0;
@@ -84,15 +95,12 @@
background: url(res://close.png);
position: absolute;
cursor: pointer;
- visibility: hidden;
opacity: 0;
- -webkit-transition: opacity 0.15s;
}
div.shortcut .preview:hover .cross {
- visibility: visible;
+ -webkit-animation: popin 250ms ease-in-out;
opacity: 1;
- -webkit-transition-delay: 0.5s;
}
.box.added {