From 0b5072bf817b69fb278601d653aaeacf429aaf9d Mon Sep 17 00:00:00 2001 From: Lucian <42606+exaluc@users.noreply.github.com> Date: Wed, 26 Jul 2023 17:17:25 +0200 Subject: [PATCH] fade In while load dark theme --- assets/css/boucle.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/assets/css/boucle.css b/assets/css/boucle.css index 7f00f46..9890ff6 100644 --- a/assets/css/boucle.css +++ b/assets/css/boucle.css @@ -18,8 +18,21 @@ body { display: flex; flex-direction: column; min-height: 100vh; + animation: fadeIn ease 1s; + animation-iteration-count: 1; + animation-fill-mode: forwards; } +@keyframes fadeIn { + 0% { + color: #000; + } + 100% { + color: #fff; + } +} + + p { white-space: pre-line; margin-bottom: 10px;