From f6bc505597463cc8f593e00d74b421175a69f7f3 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 28 Jul 2020 00:20:51 +0200
Subject: some fullscreen elements fading in...

---
 .../app/views/viewer/player/player.fullscreen.css  | 37 +++++++++++++++++++++-
 1 file changed, 36 insertions(+), 1 deletion(-)

(limited to 'animism-align/frontend/app/views/viewer/player/player.fullscreen.css')

diff --git a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
index 8041c84..fb4d8af 100644
--- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
+++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css
@@ -11,4 +11,39 @@
 .viewer-fullscreen.active {
   pointer-events: auto;
   user-select: auto;
-}
\ No newline at end of file
+}
+
+/* transitions */
+
+.viewer-fullscreen .fade-enter {
+  opacity: 0;
+}
+.viewer-fullscreen .fade-enter.fade-enter-active {
+  opacity: 1;
+  transition-property: opacity;
+}
+.viewer-fullscreen .fade-exit {
+  opacity: 1;
+}
+.viewer-fullscreen .fade-exit-active {
+  opacity: 0;
+  transition-property: opacity;
+}
+
+/* elements */
+
+.viewer-fullscreen .fullscreen-element {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+}
+
+.viewer-fullscreen .curtain {
+}
+
+.viewer-fullscreen .image {
+  background-size: cover;
+  background-position: center center;
+}
-- 
cgit v1.2.3-70-g09d2