首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何用css反转wave svg?

如何用css反转wave svg?
EN

Stack Overflow用户
提问于 2019-05-16 09:59:03
回答 1查看 337关注 0票数 0

我创建了一个带有背景图像和SVG的英雄横幅,在图像上叠加了波浪效果。

但是我不知道如何反转这个波浪,我的意思是改变谷边和峰顶。

代码语言:javascript
复制
<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路径中的一些数字,但没有成功。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56159782

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档