open-props/js/masks/corner-cuts.js

<div align="center">

export const Circles = [
	'radial-gradient(1rem at 1rem 1rem,#0000 99%,#000) -1rem -1rem',
	'radial-gradient(2rem at 2rem 2rem,#0000 99%,#000) -2rem -2rem',
	'radial-gradient(4rem at 4rem 4rem,#0000 99%,#000) -4rem -4rem',
]

export const Squares = [
	'conic-gradient(at calc(2*1rem) calc(2*1rem),#000 75%,#0000 0) -1rem -1rem',
	'conic-gradient(at calc(2*2rem) calc(2*2rem),#000 75%,#0000 0) -2rem -2rem',
	'conic-gradient(at calc(2*4rem) calc(2*4rem),#000 75%,#0000 0) -4rem -4rem',
]

export const Angles = [
	`conic-gradient(from -45deg at 1rem 1rem,#0000 25%,#000 0) 
    -1rem 0   /100% 51% repeat-x,
    conic-gradient(from 135deg at 1rem calc(100% - 1rem),#0000 25%,#000 0) 
    -1rem 100%/100% 51% repeat-x`,
	`conic-gradient(from -45deg at 2rem 2rem,#0000 25%,#000 0) 
    -2rem 0   /100% 51% repeat-x,
    conic-gradient(from 135deg at 2rem calc(100% - 2rem),#0000 25%,#000 0) 
    -2rem 100%/100% 51% repeat-x`,
	`conic-gradient(from -45deg at 4rem 4rem,#0000 25%,#000 0) 
    -4rem 0   /100% 51% repeat-x,
    conic-gradient(from 135deg at 4rem calc(100% - 4rem),#0000 25%,#000 0) 
    -4rem 100%/100% 51% repeat-x`,
]

export default {
	Circles,
	Squares,
	Angles,
}