我正在尝试使用 CSS 绘制具有特定高度和宽度的镜头形状。为了产生连续曲率，左上角和右下角的边界半径必须为 100%，其他 Angular 为 0%。这将产生一个 45 度 Angular 的透镜。因为它处于这个 Angular ，所以我无法单独增加镜头的高度或宽度，而不会扭曲它。
我已经尝试过转换，但是浏览器总是在缩放之前应用旋转，所以它不起作用。
有没有办法单独改变镜头的高度和宽度？
我创建了一个 JSFiddle来说明我的意思。 形状 1 是正确的高度，但没有连续的曲率。 形状 2 具有连续曲率，但不是正确的形状。 Shape 3 是我尝试纠正这些问题的尝试，但由于应用转换的顺序而不起作用:
transform: rotate(45deg) scaleY(1.4);
最佳答案
关于css - CSS 中的镜头形状，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14956218/