From ae6e9a00d48a5f5c055f2149d759a08146bd2a45 Mon Sep 17 00:00:00 2001 From: Robert Marshall Date: Sat, 20 Jun 2020 07:53:37 +0100 Subject: [PATCH] Fade in when the page has loaded --- src/Website/Views/Shared/_Layout.cshtml | 7 +++++++ src/Website/wwwroot/css/style.scss | 1 + src/Website/wwwroot/js/javascript.js | 6 +++++- 3 files changed, 13 insertions(+), 1 deletion(-) diff --git a/src/Website/Views/Shared/_Layout.cshtml b/src/Website/Views/Shared/_Layout.cshtml index e2f0b9c..8749974 100644 --- a/src/Website/Views/Shared/_Layout.cshtml +++ b/src/Website/Views/Shared/_Layout.cshtml @@ -6,6 +6,13 @@ @ViewData["Title"] | Robware + diff --git a/src/Website/wwwroot/css/style.scss b/src/Website/wwwroot/css/style.scss index e7a3425..7db35db 100644 --- a/src/Website/wwwroot/css/style.scss +++ b/src/Website/wwwroot/css/style.scss @@ -14,6 +14,7 @@ html { width: 100%; height: 100%; background: url(/images/background.png); + opacity: 0; } html, diff --git a/src/Website/wwwroot/js/javascript.js b/src/Website/wwwroot/js/javascript.js index 90d48ad..9db9566 100644 --- a/src/Website/wwwroot/js/javascript.js +++ b/src/Website/wwwroot/js/javascript.js @@ -64,4 +64,8 @@ function documentReady(callback) { setTimeout(callback, 1); else document.addEventListener("DOMContentLoaded", callback); -} \ No newline at end of file +} + +window.onload = () => { + document.querySelector("html").style.opacity = 1; +}; \ No newline at end of file