Create fadeIn.css

Author: 0plaze0

Projects/Weather APP/fadeIn.css

@@ -0,0 +1,23 @@
+.zero-vis {
+  visibility: hidden;
+  opacity: 0;
+}
+.fade-in {
+  visibility: visible;
+  opacity: 1;
+  animation-name: fadeInOpacity;
+  animation-iteration-count: 1;
+  animation-timing-function: ease-in;
+  animation-duration: 1.5s;
+}
+@keyframes fadeInOpacity {
+  0% {
+    opacity: 0;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+}