相关疑难解决方法(0)

我想扭曲这样的图像我需要为context.setTransform设置什么参数？

我希望创建一个响应式梯形形状,可以是CSS,SVG或Canvas.

我已经能够创建三角形形状,但不是一个响应的梯形形状.

div {
  width: 0;
  height: 0;
  border-top: 5vw solid transparent;
  border-left: 10vw solid red;
  border-bottom: 5vw solid transparent;
}

<div></div>

我已经看到有很多关于SO的问题已经涵盖了梯形形状,但很少有理由说明它们比其他方法更好,而且绝大多数都没有响应.

例如,这些问题不需要响应,因此答案没有响应:

• CSS3变换歪斜
• 在css中创建一个自适应的四边形梯形

我打算回答一个标记为JQuery的问题,该问题已经关闭(非主题).我创建了一个小提琴来回答它.它正如我所希望的那样工作,但是旋转的div看起来并不像我想要的那样.

它看起来像>

而不是这个>

我正在使用perspective和rotateY直到现在我已经实现的旋转效果.我只需要CSS帮助.

我想采取这样的事情:

并将其塑造成如下:

仅使用CSS.我知道CSS转换,但我不确定使用哪个.歪斜似乎不对,也没有翻译.

如何使用CSS/CSS3构建白色/绿色容器(形状多边形)？