我想实现这样的目标-
它具有背景图像。我只能像这样使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)
但是如何使它与背景图像透明?谁能帮帮我吗
在此按钮中出现阴影,它看起来像另一个按钮边框.我试图使用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)
谁能帮帮我吗?