CSS：弯曲的反向剪裁[关闭]

Posted 2023-03-06

【中文标题】CSS：弯曲的反向剪裁[关闭]

【英文标题】：CSS: Curved inverted clipping [closed]

【发布时间】：2018-08-07 01:51:27

【问题描述】：

我正在尝试像这里的曲线一样剪辑图像：

我对此感到头疼，如果有人能在路上帮助我，我将不胜感激。我很确定这可以用 css 完成，但如果不能，我可能最终会使用 svg 图像

【问题讨论】：

发布您的代码。

@davidxc 这是一张图片...

@joostdelange 是的，这个页面不是关于做你的工作，而是关于帮助你，当你在工作中遇到困难时。尝试一些东西，然后返回你实际尝试过的东西

这可能会对您有所帮助。 bennettfeely.com/clippy

【参考方案1】：

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

尝试使用椭圆剪辑路径。

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

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

【讨论】：

欢迎来到 Stack Overflow！虽然这在理论上可以回答这个问题，it would be preferable 在这里包括答案的基本部分，并提供参考链接。

为什么投反对票？

我投了反对票，因为您的答案是仅链接的答案（本网站不允许这样做）。我现在已经撤回我的 DV，因为您改进了答案并添加了相关细节