我正在创建一个带有阴影效果(neumorphism)的按钮,但是当我将CSS应用于该按钮时,它只显示为两种颜色的实心按钮。我在CSS的哪个部分使用不正确?我的阴影值与按钮大小相对不正确吗?更改宽度和高度没有帮助。
.css-test {
background: #EAF0F8;
mix-blend-mode: normal;
border: 0.5px solid #FFFFFF;
box-shadow: 0px -30px 60px rgba(167, 179, 190, 0.35), 0px 30px 60px rgba(167, 179, 190, 0.35);
border-radius: 35px;
}
.buysellbutton {
width: 44px;
height: 44px;
background: #F0F0F3;
box-shadow: -10px -10px 30px 40% #FFFFFF, 10px 10px 30px rgba(174, 174, 192, 0.4);
border-radius: 16px;
}
<div class="css-test">
<h3> Cash Flow: <span>CSS TEST</span></h3>
<button class="buysellbutton">buy</button>
</div>
%
在那里不起作用。 - Kaiido