the fade

2023-08-29 12:32:41 -05:00
parent 6d2af4e736
commit 1285f861ed
3 changed files with 28 additions and 7 deletions
--- a/src/assets/stylesheets/error.scss
+++ b/src/assets/stylesheets/error.scss
@ -1,3 +1,13 @@
+#container {
+  opacity: 100%;
+  -webkit-animation: fade 0.9s ease-in;
+  -moz-animation: fade 0.9s ease-in;
+  -ms-animation: fade 0.9s ease-in;
+  -o-animation: fade 0.9s ease-in;
+  animation: fade 0.9s ease-in;
+  background-color: black;
+}
+
 .error {
  background-color: #232323;
  width: 100%;
@ -78,4 +88,10 @@
  margin-top: 10%;
  margin-right: 20px;
  line-height: 35px;
+}
+
+@keyframes fade {
+  0% {
+    opacity: 0;
+  }
 }