diff options
| author | Shpuld Shpuldson <shp@cock.li> | 2021-02-22 18:11:27 +0200 |
|---|---|---|
| committer | Shpuld Shpuldson <shp@cock.li> | 2021-02-22 18:11:27 +0200 |
| commit | 485f4b899ccad57694b7a45535936b7a5de8c4fb (patch) | |
| tree | 4df146dc91d5222b1586f42c7f2536109e7a01a5 /src/components/media_modal/media_modal.vue | |
| parent | 98cb9abac773e8fbce94eafea1025919b6f26360 (diff) | |
| parent | 3d013630aee48863cda5ece9ddf9a291703eb1af (diff) | |
changelog conflict
Diffstat (limited to 'src/components/media_modal/media_modal.vue')
| -rw-r--r-- | src/components/media_modal/media_modal.vue | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue index ea7f7a7f..54bc5335 100644 --- a/src/components/media_modal/media_modal.vue +++ b/src/components/media_modal/media_modal.vue @@ -73,11 +73,21 @@ } } +@keyframes media-fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + .modal-image { max-width: 90%; max-height: 90%; box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.5); image-orientation: from-image; // NOTE: only FF supports this + animation: 0.1s cubic-bezier(0.7, 0, 1, 0.6) media-fadein; } .modal-view-button-arrow { |