16 lines
492 B
CSS
16 lines
492 B
CSS
.hover-effect-paper {
|
|
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out; /* 添加平滑过渡效果 */
|
|
cursor: pointer;
|
|
}
|
|
|
|
.hover-effect-paper:hover {
|
|
transform: translateY(-5px) scale(1.02); /* 向上轻微移动并放大 */
|
|
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* 增加阴影，使其看起来浮起 */
|
|
/* 您还可以尝试改变背景色，例如： */
|
|
/* background-color: var(--mud-palette-action-hover); */
|
|
}
|
|
|
|
|
|
.test{
|
|
background-color: gray;
|
|
} |