]> spindle.queued.net Git - midori/commitdiff
Pop in close buttons when hovering
authorDaniel Foré <daniel.p.fore@gmail.com>
Thu, 17 Nov 2011 00:18:03 +0000 (01:18 +0100)
committerChristian Dywan <christian@twotoasts.de>
Thu, 17 Nov 2011 00:26:30 +0000 (01:26 +0100)
Fixes: https://bugs.launchpad.net/midori/+bug/889962
data/speeddial-head.html

index ff86866693fb1b5ff230e8e0040c7d1aa21e834f..a2fb7d2bf83968b0e98f3f6d6e6f8580b0c1a225 100644 (file)
   <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;
         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 {