From 34ca2545ca1729ca0fdfecf6e9e6f5a9456f6c79 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Felix=20Baumg=C3=A4rtner?= Date: Tue, 6 Aug 2024 19:40:03 +0200 Subject: [PATCH] added scene transitions --- styles/SceneTransition.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) create mode 100644 styles/SceneTransition.css diff --git a/styles/SceneTransition.css b/styles/SceneTransition.css new file mode 100644 index 0000000..e733718 --- /dev/null +++ b/styles/SceneTransition.css @@ -0,0 +1,22 @@ +.SceneTransition { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + background: #333; + opacity: 0; + animation: scene-transition-fade-in 0.2s forwards; +} +.SceneTransition.fade-out { + animation: scene-transition-fade-out 0.2s forwards; +} + +@keyframes scene-transition-fade-in { + from { opacity: 0; } + to { opacity: 1; } +} +@keyframes scene-transition-fade-out { + from { opacity: 1; } + to { opacity: 0; } +} \ No newline at end of file