From 49c48961392c721a6fde2add36340bd44608d169 Mon Sep 17 00:00:00 2001
From: shuhaki <arpitgupta7011@gmail.com>
Date: Fri, 24 May 2024 02:39:29 +0530
Subject: [PATCH] improve hover effect

---
 assets/css/style.css | 16 ++++++++++++----
 index.html           |  2 +-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index dd3e97e20..e3702fecf 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -872,14 +872,18 @@ body {
   #CHAPTERS
 \*-----------------------------------*/
 .chapter-card {
-  height: 100%;
+ height: 100%;
   background-color: var(--white);
   padding: 25px;
   border-radius: var(--radius-5);
   box-shadow: var(--shadow-2);
   position: relative;
   /* Add position relative to .chapter-card */
-  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Add transition for smooth effect */
+ transition: transform 0.4s ease, box-shadow 0.3s ease; /* Add transition for smooth effect */
+ cursor: pointer;/* add cursor for good for viewer*/
+
+
+
 }
 
 .chapter-card::before {
@@ -892,11 +896,15 @@ body {
   height: 3px;
   background-color: pink; /* Pink line color */
   transition: width 0.3s ease; /* Transition width property */
+  
 }
 
 .chapter-card:hover {
-  transform: scale(1.1); /* Increase scale on hover */
-  box-shadow: var(--shadow-3); /* Add shadow effect on hover */
+  transform: scale(20); /* Increase scale on hover */
+ box-shadow: var(--shadow-3); /* Add shadow effect on hover */
+ 
+
+
 }
 
 .chapter-card:hover::before {
diff --git a/index.html b/index.html
index d3fd9f03f..f305b129a 100644
--- a/index.html
+++ b/index.html
@@ -614,7 +614,7 @@ <h2 class="h2 section-title has-underline">
           <ul class="grid-list">
 
             <li>
-
+<!---jfdb-->
               <a class="cardo" href="#">
                 <h3 class="lithead">09. &nbsp;Romantic Escapes</h3>
                 <p class="small"> Immerse yourself in the enchanting world of love and passion with our curated selection of romance