我在网站上的多个元素上应用clip-path（代码如下）（它基本上是切割每个矩形框/按钮/图像的角，使它们成为八边形）。
在桌面上，它工作得很好，但它完全破坏了移动的上的滚动性能（它使整个容器在滚动期间的每个动画帧上重新绘制？）。
有没有一种方法来解决这个问题，同时保持剪辑路径（或类似的东西），或者我需要找到另一种方法（任何想法如何应用这种效果）？

@mixin clip($size) {
  clip-path: polygon(
    $size 0%,
    calc(100% - $size) 0%,
    100% $size,
    100% calc(100% - $size),
    calc(100% - $size) 100%,
    $size 100%,
    0% calc(100% - $size),
    0% $size
  );
}