From f14e66d9385b9574c83183e06fc57651fb8bfeae Mon Sep 17 00:00:00 2001
From: Kohei Watanabe <kou029w@gmail.com>
Date: Wed, 31 Aug 2022 12:02:23 +0900
Subject: [PATCH] shadow in hover

---
 app/src/components/cards.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/app/src/components/cards.css b/app/src/components/cards.css
index 71a216b..d238db7 100644
--- a/app/src/components/cards.css
+++ b/app/src/components/cards.css
@@ -3,3 +3,12 @@
   gap: 1rem;
   grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
 }
+
+.cards > a:hover::after {
+  content: "";
+  background-color: rgba(0, 0, 0, 10%);
+  display: block;
+  position: relative;
+  top: -100%;
+  height: 100%;
+}