add preloader

SvitlanaTsupryk-jul18 · Mar 17, 2019 · d189910 · d189910
1 parent 1addfd7
commit d189910
Show file tree

Hide file tree

Showing 5 changed files with 189 additions and 106 deletions.
diff --git a/css/style.css b/css/style.css
@@ -341,3 +341,24 @@ option {
       height: 34px; }
   .hero .logo {
     width: 100%; } }
+
+.preloader {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: 1111;
+  background-color: #2d3b50;
+  text-align: center;
+  transition: 1s all;
+  opacity: 1;
+  visibility: visible;
+  display: flex;
+  align-items: center;
+  justify-content: center; }
+
+.done {
+  transform: translateY(-200%);
+  visibility: hidden;
+  z-index: -1; }
diff --git a/images/logo1.svg b/images/logo1.svg