我创建了一个带有背景图像和SVG的英雄横幅,在图像上叠加了波浪效果。
但是我不知道如何反转这个波浪,我的意思是改变谷边和峰顶。
<section class="herobanner"></section>
.herobanner {
height:100vh;
background:
url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54" width="2000" ><path d="M0 48 C30 60 38 40 64 48 L64 64 L0 64 Z" fill="white" stroke="rgba(255,255,255,1)" stroke-width="2"/></svg>') bottom,
url('../images/bg/herobanner3.jpg') center/cover;
}
我尝试更改svg路径中的一些数字,但没有成功。
https://stackoverflow.com/questions/56159782
复制相似问题