1 files changed, 36 insertions, 1 deletions
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;
+}