有没有办法创建透明背景颜色的导航栏,如下图所示?
我尝试使用CSS3伪选择器,但曲线不符合设计:
div::before{
width: 200px;
height: 90px;
background: rgba(255, 255, 255, 0.2);
background: radial-gradient(circle 0 at -20% 50%,transparent,transparent 100px,rgba(255, 255, 255, 0.2) 100px),
radial-gradient(circle 20px at 180px 50%,transparent,transparent 100px,rgba(255, 255, 255, 0.2) 100px);
background-size:100px 90px, 100px 90px;
background-position:0 0,100% 0;
background-repeat:no-repeat
}
Run Code Online (Sandbox Code Playgroud)