小编Rak*_*nal的帖子

使用CSS3进行凹凸形状导航

有没有办法创建透明背景颜色的导航栏,如下图所示?

在此输入图像描述

我尝试使用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)

css css3 css-shapes

3
推荐指数
1
解决办法
831
查看次数

标签 统计

css ×1

css-shapes ×1

css3 ×1