移动鼠标试试
perspective 创建透视空间，配合 rotateX / rotateY 实现立体倾斜perspective 定义视距，值越小透视变形越强烈，通常 800-1200px 较自然transform-style: preserve-3d 让子元素也参与 3D 空间，可加高光层增强真实感transition 平滑回归原位，避免生硬跳变3D 透视倾斜卡片。JS 监听鼠标移动，计算指针相对卡片中心的偏移，换算成 rotateX/rotateY 角度，让卡片随鼠标实时倾斜。外层 perspective 提供透视视角，transform-style: preserve-3d 保留 3D 空间。这种交互能显著提升卡片的"可玩性"与质感。