added animations and pageLoad and preLoader

assets/sass/_extentions.scss

@@ -15,7 +15,6 @@
   -moz-appearance: none;
 }
 
-
 %titleShape {
   &::after {
     content: '';
@@ -95,3 +94,41 @@
 %defaultBoxShadow {
   @include boxShadow(0 0px 20px rgba(0, 0, 0, 0.2))
 }
+
+%productHoverAnim {
+  position: relative;
+
+  &::before {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 100%;
+    background: $red;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 0;
+    @extend %defaultTransition;
+  }
+
+  &:hover {
+    &::before {
+      width: 108%;
+      height: 108%;
+      top: -4%;
+      left: -4%;
+    }
+
+    img {
+      @include transform(scale(0.9));
+    }
+  }
+
+  img {
+    width: 100%;
+    display: block;
+    position: relative;
+    z-index: 1;
+    @extend %defaultTransition;
+  }
+}