From d64beac6de280c9430dcff9af3fbc8d909b513bf Mon Sep 17 00:00:00 2001
From: shashikant Borude <119213408+shashikant62@users.noreply.github.com>
Date: Wed, 1 Oct 2025 22:08:01 +0530
Subject: [PATCH] Update index.html

- Implement smooth scale and lift animation on card hover
- Add zoom and slight rotation effect to profile images with glowing shadow
- Enhance user engagement with subtle color transition on card titles
- Improve overall UI aesthetics while keeping performance optimized
---
 Swiper cards/index.html | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/Swiper cards/index.html b/Swiper cards/index.html
index 20dc81a..f87162b 100644
--- a/Swiper cards/index.html	
+++ b/Swiper cards/index.html	
@@ -24,6 +24,32 @@
             height: 100%;
         }
 
+        .slide-card {
+    transition: all 0.4s ease;
+}
+
+.slide-card:hover {
+    transform: translateY(-10px) scale(1.05);
+    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3);
+}
+
+.slide-card .slide-card-img-top {
+    transition: transform 0.4s ease, box-shadow 0.4s ease;
+}
+
+.slide-card:hover .slide-card-img-top {
+    transform: scale(1.15) rotate(5deg);
+    box-shadow: 0 12px 25px rgba(138, 134, 232, 0.7);
+}
+
+.slide-card h5 {
+    transition: color 0.3s ease;
+}
+
+.slide-card:hover h5 {
+    color: #ff6600;
+}
+
         .slide-card {
             background: linear-gradient(90deg,
                     rgba(157, 168, 238, 1) 0%,
@@ -191,4 +217,4 @@ <h5>
     </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>