diff options
| -rw-r--r-- | src/lib/Media/Cover/HoverCover.svelte | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/src/lib/Media/Cover/HoverCover.svelte b/src/lib/Media/Cover/HoverCover.svelte index c4cb10de..7ac912c8 100644 --- a/src/lib/Media/Cover/HoverCover.svelte +++ b/src/lib/Media/Cover/HoverCover.svelte @@ -17,12 +17,15 @@ {/if} <style lang="scss"> + $coverTransitionTime: 200ms; + .hover-image { position: fixed; z-index: 1000; height: auto; display: none; border-radius: 8px; + transition: opacity $coverTransitionTime ease-in-out, top 0.3s ease, left 0.3s ease; } .show { @@ -30,7 +33,7 @@ } .hover-image { - animation: dropIn 0.15s ease-in-out; + animation: dropIn $coverTransitionTime ease-in-out; } @keyframes dropIn { |