Hover effects and transform added

Anishkagupta04 · Jun 1, 2024 · b6721cd · b6721cd
1 parent 9ada58f
commit b6721cd
Showing 1 changed file with 7 additions and 10 deletions.
diff --git a/style.css b/style.css
@@ -761,24 +761,21 @@ section {
   align-content: space-evenly;
   border-radius: 15px;
   /* margin-top: 10px; */
+  transition: transform 0.3s, box-shadow 0.3s;
+}
+
+.counts .count-box:hover {
+  transform: translateY(-10px);
+  box-shadow: -10px -5px 50px 0 rgba(0, 0, 0, 0.2);
+  background-color: #3fbcc0a4;
 }
-/* .row {
-  --bs-gutter-x: 1.5rem;
-  --bs-gutter-y: 0;
-  display: flex;
-  flex-wrap: wrap;
-  margin-top: calc(var(--bs-gutter-y)* -1);
-  margin-right: calc(var(--bs-gutter-x) / -2);
-  margin-left: calc(var(--bs-gutter-x) / -2);
-} */
 
 .row-d {
   display: flex;
   margin: 0px 20px 0px 20px;
   align-items: center;
   justify-content: space-between;
   /* flex-wrap: wrap; */
-
 }
 
 .counts .count-box i {