Browse Source

Animated shadow (#540)

* Update antd.min.css

* Update settings.html

* Update custom.css

* Update custom.css
Tara Rostami 1 year ago
parent
commit
2c233dffa5
1 changed files with 17 additions and 2 deletions
  1. 17 2
      web/assets/css/custom.css

+ 17 - 2
web/assets/css/custom.css

@@ -202,8 +202,23 @@ body {
 }
 
 .ant-card-dark:hover {
-    border-color: #e8e8e8;
-    box-shadow: 0 1px 10px -1px rgb(154 175 238 / 70%);
+    /*border-color: #e8e8e8;*/
+    animation:light-shadow ease-in 3s infinite;
+}
+
+@keyframes light-shadow {
+    0% {
+        box-shadow: 0 1px 10px -1px rgb(154 175 238 / 60%);
+    }
+    20% {
+        box-shadow: 0 1px 10px -1px rgb(154 175 238 / 60%);
+    }
+    60% {
+        box-shadow: 0 1px 11px 2px rgb(154 175 238 / 70%);
+    }
+    100% {
+        box-shadow: 0 1px 10px -1px rgb(154 175 238 / 60%);
+    }
 }
 
 .ant-setting-textarea {