diff options
Diffstat (limited to 'src/lib/Media/Cover')
| -rw-r--r-- | src/lib/Media/Cover/HoverCover.svelte | 18 |
1 files changed, 17 insertions, 1 deletions
diff --git a/src/lib/Media/Cover/HoverCover.svelte b/src/lib/Media/Cover/HoverCover.svelte index 92c0e6fd..d7f8d426 100644 --- a/src/lib/Media/Cover/HoverCover.svelte +++ b/src/lib/Media/Cover/HoverCover.svelte @@ -16,7 +16,7 @@ /> {/if} -<style> +<style lang="scss"> .hover-image { position: fixed; z-index: 1000; @@ -28,4 +28,20 @@ .show { display: block; } + + .hover-image { + animation: dropIn 0.25s ease-in-out; + } + + @keyframes dropIn { + 0% { + opacity: 0; + transform: translateY(-1rem); + } + + 100% { + opacity: 1; + transform: translateY(0); + } + } </style> |