像这样创建:
&__triangle {
position: absolute;
top: -35px;
width: 0;
height: 0;
border-bottom: 45px solid #FFF;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.1);
}
正如你所看到的,它就像它所在的方块一样,有一个阴影,如果为方块添加阴影没有问题,那么当你尝试以通常的方式将它添加到三角形时(box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.1);
),出现以下异常: