具有 WordPress 帖子存档项目的 3D 效果卡片

问：

使用 WordPress 中的 Bricks Builder，我想为存档页面上的循环项目制作一张卡片。

卡本身不是问题，但我没有得到与设计完全相同的 schadow/3D 效果。

我想用 a 作为卡片本身，其中有一个上面带有 a 的图像作为图标。下面 a 带有标题，下面带有 2 个 div 表示类别和日期。divdivposition: absolute;divdiv

蓝色背景与卡片无关。

我已经用 和 尝试过了，但是底部的斜角不对。它必须完全相反。我还想知道我现在的做法是否整洁，不会在移动设备上造成任何问题。:before:afterskew

有人可以帮我解决这个问题吗？提前致谢！