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%);
 }