反向剪切蒙版正弦波 - 使用 CSS

问题描述

我想用 SVG(或 CSS 多边形)创建一个剪贴蒙版,但不是显示 SVG 所代表的内容,而是希望 SVG“剪辑”<div> 并隐藏由SVG。

所以看下图,我想在手机图片底部创建一个正弦波,这样图像(这是一个背景图片)就会在底部一个正弦波剪掉。

我在 clip-path 和遮罩上花费了大量时间,但似乎没有任何效果。由于 clip-path 不能做曲线,它似乎不起作用,这就是我使用 SVG 的原因。

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)