立体悬浮盒{
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
/* 立体阴影 */
box-shadow:
0 2px 5px rgba(0,0,0,0.2),
/* 内阴影增加层次感 */
inset 0 -2px 10px rgba(0,0,0,0.1),
/* 底部强阴影营造悬浮感 */
0 15px 30px rgba(0,0,0,0.15);
/* 3D变换准备 */
transform-style: preserve-3d;
perspective: 1000px;
}
.立体悬浮盒:hover {
transform:
translateZ(20px) /* Z轴移动增强3D感 */
scale(1.05); /* 放大效果 */
/* 悬浮时阴影加强 */
box-shadow:
0 20px 40px rgba(0,0,0,0.25),
inset 0 -2px 10px rgba(0,0,0,0.15),
/* 顶部亮部反光 */
inset 0 2px 5px rgba(255,255,255,0.8);
/* 颜色微调 */
background: linear-gradient(145deg, #ffffff, #f0f0f0);
}
