阴影只到右边

Question

以下是jsfiddle，其中我试图仅向右侧投射具有模糊效果的阴影，但阴影正在扩散到每一侧。请让我知道如何修改这个小提琴只是为了安抚谢谢，

http://jsfiddle.net/6UFX7/8193/

.myDiv {
     margin: 10px;
     width: 100px;
     height: 100px;
     -webkit-box-shadow: 2px 0px 5px 0px #888 ;
 }

Answer 1

试试这个：

Demo.

<强> CSS：

.myDiv
{
  margin: 10px;
    width: 100px;
    height: 100px;
    -webkit-box-shadow: 5px 0px 5px -2px #888 ; /*Chrome*/
    -moz-box-shadow: 5px 0px 5px -2px #888 ; /*Firefox*/
    -o-box-shadow: 5px 0px 5px -2px #888 ;  /*Opera*/
    box-shadow: 5px 0px 5px -2px #888 ;
}

使用shadow-spread属性（第四个）让用户认为阴影只在一侧，是的还增加了horizontal offset属性（第一个）的数量，以使该技巧有效。

Answer 2

.myDiv
{
  margin: 10px;
  width: 100px;
  height: 100px;
  box-shadow: 20px 0px 5px -2px #888 ;
  -webkit-box-shadow: 20px 0px 5px -2px #888 ;
}

20px位置R / L. 0px位置T / B. 5px传播（模糊） -2px“size”