CSS:弯曲的倒置剪裁

时间:2018-02-27 12:04:55

标签: css curve clipping

我试图像这里的曲线一样剪辑图像:

enter image description here

我对此表示不满,非常感谢有人可以帮助我。我很确定这可以用css完成,但如果没有,我可能最终会使用svg图像

1 个答案:

答案 0 :(得分:3)

供参考:https://css-tricks.com/clipping-masking-css/

尝试使用椭圆剪辑路径。

clip-path: ellipse (radiusX radiusY at x y);

radiusX必须是你的imageWidth * 2
radiusY可以是你想要的东西 然后将x和y值设置为图像的右下角。