23 lines
639 B
CSS
23 lines
639 B
CSS
|
/* 工具卡片 */
|
||
|
|
.tool-card {
|
||
|
|
display: flex;
|
||
|
|
border-radius: 12px;
|
||
|
|
background: rgba(200, 200, 200, 0.2); /* 淡灰半透明 */
|
||
|
|
backdrop-filter: blur(8px); /* 背景模糊 */
|
||
|
|
-webkit-backdrop-filter: blur(8px); /* Safari 兼容 */
|
||
|
|
padding: 20px;
|
||
|
|
justify-content: center;
|
||
|
|
transition: transform 0.5s ease, box-shadow 0.5s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 工具卡片动画完成状态 */
|
||
|
|
.tool-card.animated {
|
||
|
|
opacity: 1;
|
||
|
|
transform: translateY(0); /* 恢复到正常位置 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 工具卡片悬停效果 */
|
||
|
|
.tool-card:hover {
|
||
|
|
transform: scale(1.03);
|
||
|
|
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
|
||
|
|
}
|