Optimize the hover effect of related-post card.

cotes2020 · cotes2020 · commit fa8cb8be9c90 · 2020-10-18T13:11:05.000+08:00
diff --git a/assets/css/post.scss b/assets/css/post.scss
@@ -173,7 +173,7 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
     &:hover {
       -webkit-transform: translate3d(0, -3px, 0);
       transform: translate3d(0, -3px, 0);
-      filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.08));
+      box-shadow: 0 20px 35px -4px rgba(0, 0, 0, 0.15);
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -173,7 +173,7 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";`
`173`	`173`	`&:hover {`
`174`	`174`	`-webkit-transform: translate3d(0, -3px, 0);`
`175`	`175`	`transform: translate3d(0, -3px, 0);`
`176`		`- filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.08));`
	`176`	`+ box-shadow: 0 20px 35px -4px rgba(0, 0, 0, 0.15);`
`177`	`177`	`}`
`178`	`178`	`}`
`179`	`179`