style: 增加 Card 阴影效果

2021-12-29 13:45:08 +08:00 · 2021-12-29 13:45:08 +08:00 · 0a6317ec5c
parent a5866b13b1
commit 0a6317ec5c
1 changed files with 8 additions and 0 deletions
--- a/src/blazor/admin/BootstrapAdmin.Web/wwwroot/css/site.css
+++ b/src/blazor/admin/BootstrapAdmin.Web/wwwroot/css/site.css
@ -108,3 +108,11 @@
    padding: 1rem;
    margin: -1rem;
 }
+
+.card {
+    transition: box-shadow .3s linear;
+}
+
+    .card:hover {
+        box-shadow: 0 0 8px 0 rgb(0 0 0 / 8%), 0 2px 4px 0 rgb(255 255 255 / 0%);
+    }