梯形圆角

<style>
    .text {
        width: 400px;
        height: 400px;
        background-color: rgb(255, 255, 255);
        border-radius: 20px;
        transform: perspective(39px) scale(1, 1.15) rotateX(1deg);
        /* 镜头距离元素表面的位置为8px，x轴为1.1倍y轴为1.3倍，绕x轴旋转5度 */
        transform-origin: bottom right;
        /* bottom left = left bottom = 0 100% 中心点偏移量*/
        box-shadow: 0 0 10px #ccc;
    }
</style>
<div class="text"></div>