From 701172c98241698ce842e81f3175b2cd46759ec0 Mon Sep 17 00:00:00 2001 From: Elizabeth Cray Date: Fri, 23 Jun 2023 15:40:45 -0400 Subject: [PATCH] Fade Transition --- scene.css | 11 ++++++++++- scene.html | 2 +- scripts/scene.js | 2 ++ 3 files changed, 13 insertions(+), 2 deletions(-) diff --git a/scene.css b/scene.css index f5e35a3..d37333c 100644 --- a/scene.css +++ b/scene.css @@ -1,3 +1,12 @@ -body { +html, body { + height: 100%; /* ges Hoehe der Seite -> weitere Hoehenangaben werden relativ hierzu ausgewertet */ + overflow: hidden; /* hide scrollbars */ + opacity: 1.0; background-size: cover; + /* TODO: Make the transition time configurable */ + -webkit-transition: background 5s linear; + -moz-transition: background 5s linear; + -o-transition: background 5s linear; + -ms-transition: background 5s linear; + transition: background 5s linear; } diff --git a/scene.html b/scene.html index 279ee90..cbf8407 100644 --- a/scene.html +++ b/scene.html @@ -7,7 +7,7 @@ - + diff --git a/scripts/scene.js b/scripts/scene.js index 1cc417c..124d7f2 100644 --- a/scripts/scene.js +++ b/scripts/scene.js @@ -1,5 +1,7 @@ // TODO: // - Add image fading +// - Add adjustable timing +// - Add random timing option let socket