Merge pull request #254 from reshamsai150/iconhover

feat: Added Hovering Effect to Our Products Section
JAYESHBATRA · May 16, 2024 · 2d3f356 · 2d3f356
2 parents 5e6f4f4 + ebcd865
commit 2d3f356
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -89,6 +89,12 @@
         </li>
       </ul>
     </div>
+    <!--our products Section -->
+    <svg height="0" width="0">
+      <filter id="my-shadow" color-interpolation-filters="sRGB">
+          <feDropShadow dx="2" dy="2" stdDeviation="3" flood-opacity="0.5"/>
+      </filter>
+  </svg>
 
     <!-- nav bar -->
     <nav id = "main_navbar">

diff --git a/style.css b/style.css
@@ -505,6 +505,21 @@ header {
 .step-1{
 	margin-bottom: 108px;
 }
+/*Our products section */
+img:hover{
+transform: scale(1.05);
+filter: url(#my-shadow);
+
+}
+#features h3:hover{
+	color: #7b3ae4; 
+text-shadow: 3px 4px 7px rgba(146, 145, 144, 0.8);
+}
+.features-header:hover{
+	color: #7b3ae4; 
+text-shadow: 3px 4px 7px rgba(146, 145, 144, 0.8);
+transform: scale(1.05);
+}
 
 /* pricing section */