小编Azi*_*zul的帖子

如何用背景图像创建倾斜的透明形状?

我想实现这样的目标- 倾斜的div 它具有背景图像。我只能像这样使div倾斜-

.shape {
  position: relative;
  width: 100%;
  height: 290px;
  background: rgba(6, 180, 248, 1);
}

.shape:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform-origin: top left;
  transform: skewY(-4deg);
}
Run Code Online (Sandbox Code Playgroud)
<br><br><br>
<section class="container">
  <div class="shape">

  </div>
</section>
Run Code Online (Sandbox Code Playgroud)

但是如何使它与背景图像透明?谁能帮帮我吗

html css

5
推荐指数
1
解决办法
1101
查看次数

如何在这样的按钮中给阴影?

在此按钮中出现阴影,它看起来像另一个按钮边框.我试图使用box-shadow财产,但我失败了.

箱阴影

我用过这个CSS

a {
  padding: 10px 40px;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  border: 1px solid #fff;
  box-shadow: 5px 5px 0px #2CBFBB;
}
Run Code Online (Sandbox Code Playgroud)

谁能帮帮我吗?

html css

2
推荐指数
1
解决办法
1018
查看次数

标签 统计

css ×2

html ×2