- 在属性卡片的 CSS 样式中添加了两个盒阴影: - 外部阴影:0px 8px 12px rgba(192, 206, 221, 0.24) - 内部阴影:inset 0 4px 4px rgba(255, 255, 255, 1) - 这些阴影效果增强了卡片的视觉层次感和立体感 Signed-off-by: tangshizhe <48740614+tangshizhe@users.noreply.github.com>
@@ -53,9 +53,12 @@
align-items: center;
width: 224px;
height: 84px;
- border: 1px solid #ECECEC;
border-radius: 16px;
background: linear-gradient(to bottom, rgba(192, 206, 221, 0.24), rgba(255, 255, 255, 1));
+ box-shadow: /* 第一个内阴影 */
+ 0px 8px 12px rgba(192, 206, 221, 0.24),
+ /* 第二个内阴影 */
+ inset 0 4px 4px rgba(255, 255, 255, 1);
font-size: 18px;
line-height: 36px;
color: #1D1D1D;