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 {
