每个卡片由 cover（背景图）、title（标题层）、hero（人物层）三张图片组成
鼠标移入时，背景图 cover 会绕 X 轴向上翻折 25 度，同时带上阴影
隐藏的人物 hero 会淡入，并沿着 Z 轴向前、Y 轴向上移动，产生 “从卡片里浮出来” 的立体效果
perspective(500px) 实现 3D 透视
transform: rotateX(25deg) 实现封面翻折
translate3d(0, -50px, 50px) 实现人物层的 3D 位移
transition: 0.5s 让所有动画丝滑过渡
把上面的代码复制到一个 .html 文件里，直接打开就能看到效果
你可以把 picsum.photos 的图片链接，替换成老师视频里的 cover1.jpeg、title1.png、hero1.webp 等本地图片路径
鼠标移入卡片，就能看到 3D 翻折 + 人物上浮效果