3D卡片倾斜效果实现问题求助：z<0时卡片不显示且尺寸位置与设定不符

各位好，我现在在做一个3D卡片的交互效果，想要实现的是当鼠标移到卡片的某个角附近时，这个角就会向下倾斜。但目前碰到两个问题卡壳了：

• 当z坐标小于0的时候，卡片直接就看不到了；
• 卡片的实际大小和摆放位置跟我一开始设定的不一样，完全不符合预期。

下面是我写的WGSL代码片段（后面的tex相关部分没粘贴全，核心结构如下）：

const PI: f32 = 3.141592653589793;  

struct VertexInput {    
    @location(0) position: vec3<f32>,    
    @location(1) tex_coord: vec2<f32>,
};

有没有大佬能帮我分析下问题出在哪？或者给点解决思路？

备注：内容来源于stack exchange，提问作者Amias