.button {
margin-top: 150rpx;
position: relative;
height: 600rpx;
width: 250rpx;
padding: 14rpx;
border-radius: 140rpx;
transform: rotate(45deg);
box-shadow: 35px 35px 70px rgba(190, 190, 190, 1),
-35px -35px 70px rgba(255, 255, 255, 1);
transition: all .75s ease-in-out;
}
.button-check {
box-shadow: inset 35px 35px 70px rgba(190, 190, 190, 1),
inset -35px -35px 70px rgba(255, 255, 255, 1);
transform: rotate(135deg);
}
这是我的CSS代码,transition设置了all,其他属性都生效,但对box-shadow没有效果
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。