diff options
| author | Daniel Foré <daniel.p.fore@gmail.com> | 2011-11-17 01:26:30 +0100 |
|---|---|---|
| committer | Christian Dywan <christian@twotoasts.de> | 2011-11-17 01:26:30 +0100 |
| commit | d84a47e504ee901a879da569f786fe4907e2de17 (patch) | |
| tree | d62c81d58252d5ba73a03f5727b5837019dbb525 /data/speeddial-head.html | |
| parent | d8adf07867f623b478599e2e26ff79a1d39d3b0b (diff) | |
| download | midori-d84a47e504ee901a879da569f786fe4907e2de17.tar.gz | |
Pop in close buttons when hovering
Fixes: https://bugs.launchpad.net/midori/+bug/889962
Diffstat (limited to 'data/speeddial-head.html')
| -rw-r--r-- | 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 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 { |