最佳答案
一种方法是将 pesedo 元素 ::before
和 ::after
设置为如下样式:
div {
width: 300px;
height: 400px;
background: #FFF;
margin: 40px auto;
position: relative;
}
div::before,
div::after {
z-index: -1;
position: absolute;
content: "";
width: 50%;
height: 50%;
right: 10px;
top: 10px;
max-width: 300px;
background: #777;
box-shadow: 15px 0px 10px #777;
transform: rotate(3deg);
}
div::after {
transform: rotate(-3deg);
top: calc(50% - 10px);
}
<div></div>
这见pen以获得更多阴影样式。
关于css - 使用 CSS 自定义阴影,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58796978/