CSS，我该如何做与此剪辑路径完全相反的事情？

大家好，我正在尝试为我的 React 项目中的容器制作一个箭头后退形状，所以现在我设法使用 clipPath 制作了一个向前箭头：

<div style={{clipPath: 'polygon(0 0,0 100%,70% 100%,100% 50%,70% 0%)'}}>

所以我只希望箭头形状的路径指向左，提前致谢！

这是您的原始箭头，以百分比形式显示多边形点的坐标。也就是说，多边形的总宽度或高度的百分比取决于它是 x 轴还是 y 轴。记住 0,0 是左上角的位置。

您有几个选项可以反转它，您可以尝试使用 CSS 变换旋转。但是要从头开始绘制，请注意此图中的要点：

并绘制多边形：

div {
  clip-path: polygon(30% 0,100% 0,100% 100%,30% 100%,0 50%);
  /* for demo only */
  width: 80vmin;
  height:100vmin;
  background: green;
}

<div></div>