css3阴影盒顶部和左侧+;右半高

css3阴影盒顶部和左侧+;右半高,css,shadow,border-box,Css,Shadow,Border Box,我试图设置css阴影的顶部,也为左,右,但高度降低。我熟悉模糊/半径,但我希望阴影非常短。(对不起,现在还不能上传) 谁能帮帮我吗?最后一次机会,我可能会使用边界图像,但我想避免它,如果可能的话。 感谢您的每一个建议一个可能性,使用带透视的伪旋转,尺寸仅为高度的一半: .test{ 宽度:200px; 高度:200px; 利润率:10px; 边框:实心1px红色; 位置:相对位置; 背景色:白色; } .测试:之后{ 内容:“; 位置:绝对位置; 顶部:0px; 右:0px; 身高:50%;

我试图设置css阴影的顶部,也为左,右,但高度降低。我熟悉模糊/半径,但我希望阴影非常短。(对不起,现在还不能上传)

谁能帮帮我吗?最后一次机会,我可能会使用边界图像,但我想避免它,如果可能的话。
感谢您的每一个建议

一个可能性,使用带透视的伪旋转,尺寸仅为高度的一半:

.test{
宽度:200px;
高度:200px;
利润率:10px;
边框:实心1px红色;
位置:相对位置;
背景色:白色;
}
.测试:之后{
内容:“;
位置:绝对位置;
顶部:0px;
右:0px;
身高:50%;
左:0px;
盒影:0px 0px 15px 2px黑色;
变换:透视(400px)旋转(-10deg);
变换原点:中心-顶部;
z指数:-1;
}

真的非常感谢,但是阴影没有向我显现。所以我做了一些研究,如果每个人都觉得这个线程很有用,也请参考这个链接,那里也是父元素的真正重要的z索引。无论如何,竖起大拇指!