fade In while load dark theme

exaluc · Jul 26, 2023 · 0b5072b · 0b5072b
1 parent acce57b
commit 0b5072b
Showing 1 changed file with 13 additions and 0 deletions.
diff --git 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;