【问题标题】:CSS: Curved inverted clipping [closed]CSS:弯曲的反向剪裁[关闭]
【发布时间】:2018-08-07 01:51:27
【问题描述】:

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

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

【问题讨论】:

  • 发布您的代码。
  • @davidxc 这是一张图片...
  • @joostdelange 是的,这个页面不是关于做你的工作,而是关于帮助你,当你在工作中遇到困难时。尝试一些东西,然后返回你实际尝试过的东西
  • 这可能会对您有所帮助。 bennettfeely.com/clippy

标签: css curve clipping


【解决方案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,因为您改进了答案并添加了相关细节
猜你喜欢
  • 2015-12-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-03-27
  • 2017-01-14
  • 2018-10-28
相关资源
最近更新 更多