div { position: relative; clip: rect(0px, 50px, 50px, 0px); }
以上代码表示设置了一个div元素的裁剪区域,从左上角开始的区域为(0px, 50px, 50px, 0px)。其中,rect()函数参数依次表示左上角的y轴坐标、右下角的x轴坐标、右下角的y轴坐标和左上角的x轴坐标。可以根据需要调整参数值以定义不同形状的裁剪区域。
ps:需要注意的是,使用clip实现元素裁剪时,需要将元素的position设置为relative或absolute。