Animation added to the image (#496)

* Commit 1 * Commit 2 * Commit-3
subhadipbhowmik · Jul 13, 2024 · 153365a · 153365a
1 parent aa80c83
commit 153365a
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 24 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/HomepageFeatures/styles.module.css b/src/components/HomepageFeatures/styles.module.css
@@ -3,9 +3,24 @@
   align-items: center;
   padding: 2rem 0;
   width: 100%;
+
 }
 
 .featureSvg {
   height: 200px;
   width: 200px;
+  transform: translateX(0px);
+  animation: float 6s ease-out infinite;
 }
+
+@keyframes float {
+  0%{
+    transform: translateY(0px);
+  }
+  50%{
+  transform: translateY(-15px);
+  }
+  100%{
+    transform: translateY(0px);
+  }
+}