Question

可能重复：
drop shadow only bottom css3

我一直在努力解决这个问题，并想知道是否有办法创建一个有模糊的box-shadow但只出现在元素的一侧。

我设置了JSFiddle，您可以看到模糊仍显示在元素的顶部和底部？有什么想法吗？

Answer 1

再次，我。

我已经弄明白了。我使用:before CSS选择器，如此

.element:before
{
content:'';
position:absolute;
left:-5px;
right:100%;
top:0;
bottom:0;
box-shadow: -10px 0 20px #aaa;
}

如果有人需要知道如何执行此操作，我已编辑了JSFiddle。

Answer 2

我不确定这是一个完美的解决方案，但你可以为你的div创建一个容器，并通过减少内部div的宽度来隐藏3个侧面，并根据你想要的shaddow向左或向右玩浮动。我固定的客人会更容易管理。