From 673591e768e0c8b2129f656a67e2594d180ae8f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=AD=E7=BB=B4=E5=98=89?=
 <guoweijia@guoweijiadeMacBook-Pro.local>
Date: Thu, 12 Nov 2020 13:36:52 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BC=98=E5=8C=96=E5=B0=81=E9=9D=A2?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/index.html         | 2 +-
 layouts/partials/head.html | 5 +++++
 static/css/index.css       | 8 ++++++++
 3 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 static/css/index.css

diff --git a/layouts/index.html b/layouts/index.html
index c46f688..0b97f35 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -13,7 +13,7 @@
         href="{{ .Params.Link }}"
         class="card p-4 md:w-1/3 sm:mb-4 mb-6 hover:shadow-xl hover:bg-gray-400 transition duration-200 ease-in rounded-lg {{ lower .Section }}"
       >
-        <div class="rounded-lg h-64 overflow-hidden relative">
+        <div class="rounded-lg h-64 overflow-hidden card-item relative">
           {{ if (or .Params.Image .CurrentSection.Params.Image) }}
           <img
             alt="{{ .Title }}"
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index c1152e5..0f7c6bd 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -15,6 +15,11 @@
     href="css/tailwind.min.css"
     rel="stylesheet"
   />
+  <link
+    type="text/css"
+    href="css/index.css"
+    rel="stylesheet"
+  />
   <style>
     @font-face {
       font-family: "Bree Serif";
diff --git a/static/css/index.css b/static/css/index.css
new file mode 100644
index 0000000..de52d3e
--- /dev/null
+++ b/static/css/index.css
@@ -0,0 +1,8 @@
+.card-item .object-cover {
+  filter: brightness(0.6) blur(1px);
+  transition: all 0.2s;
+}
+.card-item:hover .object-cover {
+  transform: scale(1.02);
+  filter: brightness(0.6);
+}
-- 
GitLab