Merge pull request #88 from sau-mili/main

Enhancement: Added Animation to images
XceeDesigns · May 19, 2024 · 22c5e76 · 22c5e76
2 parents f9ce526 + d0d2d9f
commit 22c5e76
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/css/style.css b/css/style.css
@@ -1132,6 +1132,17 @@ support for no js
 
   background-repeat: no-repeat;
   background-position: center center;
+  /* Animation properties */
+  animation: slideInFromRight 1s ease-out forwards;
+}
+
+@keyframes slideInFromRight {
+  from {
+    transform: translateX(100%);
+  }
+  to {
+    transform: translateX(0);
+  }
 }
 .title-fs-45 {
 	color:#4b4e53;
@@ -1154,6 +1165,17 @@ support for no js
   overflow: hidden;
   background-repeat: no-repeat;
   background-position: center center;
+  animation: slideInFromLeft 1s ease-out forwards;
+}
+
+
+@keyframes slideInFromLeft {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
 }
 .line-3-70{
 	margin-top:11px;