From d13c7ca6c318fc4b34915790793a6ee9e91a715b Mon Sep 17 00:00:00 2001
From: freakoverse <freakoramag@gmail.com>
Date: Thu, 12 Sep 2024 12:16:15 +0000
Subject: [PATCH] added hover effect

---
 src/styles/cardBlogs.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/styles/cardBlogs.css b/src/styles/cardBlogs.css
index 7861ec7..68f0d6f 100644
--- a/src/styles/cardBlogs.css
+++ b/src/styles/cardBlogs.css
@@ -26,6 +26,7 @@
 }
 
 .cardBlogMainInside {
+  transition: ease 0.4s;
   position: absolute;
   top: 0;
   bottom: 0;
@@ -36,5 +37,10 @@
   justify-content: end;
   align-items: start;
   padding: 15px;
+  background: linear-gradient(rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 50%) 100%);
+}
+
+.cardBlogMainInside:hover {
+  background: linear-gradient(rgb(0 0 0 / 25%) 0%, rgb(0 0 0 / 75%) 100%);
 }