[Xfce4-commits] <midori:master> Pop in close buttons when hovering

Thu Nov 17 01:36:01 CET 2011

Updating branch refs/heads/master
         to e52288cdd2e78a6d7db8fa2b7319a62d1689d390 (commit)
       from 040a1670e428ffa3a6c1f583172a46d694cdf8b7 (commit)

commit e52288cdd2e78a6d7db8fa2b7319a62d1689d390
Author: Daniel Foré <daniel.p.fore at gmail.com>
Date:   Thu Nov 17 01:18:03 2011 +0100

    Pop in close buttons when hovering
    
    Fixes: https://bugs.launchpad.net/midori/+bug/889962

 data/speeddial-head.html |   16 ++++++++++++----
 1 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/data/speeddial-head.html b/data/speeddial-head.html
index ff86866..a2fb7d2 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 {
