Browse Source

style(common-module): 优化属性模块卡片的阴影效果

- 修改了卡片阴影的样式,增加了第二个内阴影效果
- 调整了阴影的颜色和透明度,提升了视觉效果

Signed-off-by: tangshizhe <48740614+tangshizhe@users.noreply.github.com>
tangshizhe 1 tháng trước cách đây
mục cha
commit
33a861f326
1 tập tin đã thay đổi với 4 bổ sung1 xóa
  1. 4 1
      src/web/staticres/common-module/property/css/index.css

+ 4 - 1
src/web/staticres/common-module/property/css/index.css

@@ -134,7 +134,10 @@
   width: 3.33rem;
   border-radius: .16rem;
   background: linear-gradient(to bottom, #E2F1FF, #FFFFFF);
-  box-shadow: inset 0 8px 12 rgba(192, 206, 221, 0.24), 3 3px 20.1 rgba(166, 255, 250, 0.3);
+  box-shadow: /* 第一个内阴影 */
+        inset 3px 3px 20.1px rgba(166, 255, 250, 0.3),
+        /* 第二个内阴影 */
+        inset -3px -3px 10.3px rgba(0, 72, 237, 0.25);
 }
 
 .advantage .advantage_content .advantage_content_item.long {