Merge pull request #790 from shuhaki/main

improve hover effect

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 {

index.html

@@ -620,7 +620,7 @@ <h2 class="h2 section-title has-underline">
           <ul class="grid-list">
 
             <li>
-
+<!---jfdb-->
               <a class="cardo" href="#">
                 <h3 class="lithead">01. &nbsp;Romantic Escapes</h3>
                 <p class="small"> Immerse yourself in the enchanting world of love and passion with our curated selection of romance