chamfer a rectangle

[Chandler-Zhu]

I wanted to recreate this shape in tailwind, but I can't find any utility classes that allow me to do this. And the browser support for CSS clip-path doesn't look good, is there a better way ?

[vantreeseba]

 backgroundImage: {
        'chamfer-tl': 'linear-gradient(135deg, transparent calc(10px * sin(45deg)), #fcfcfc calc(10px * sin(45deg)))',
        'chamfer-tr': `linear-gradient(225deg, transparent calc(10px * sin(45deg)), #fcfcfc calc(10px * sin(45deg)))`,
        'chamfer-bl': `linear-gradient(45deg, transparent calc(10px * sin(45deg)), #fcfcfc calc(10px * sin(45deg)))`,
        'chamfer-br': `linear-gradient(315deg, transparent calc(10px * sin(45deg)), #fcfcfc calc(10px * sin(45deg)))`,
      },