CSS - 阴影左右

2013-11-22 146 views 3 likes

您好我用下面的代码来获得右侧和div标签的左侧，但在div被屏蔽的四条边阴影...CSS - 阴影左右

.shadow1 { 

    border-right:1px solid #8d8d8d; 
    border-left:1px solid #8d8d8d; 
    -moz-box-shadow:0px 0px 5px 0px #000; 
-webkit-box-shadow: 0px 0px 5px 0px #000 ; 
     box-shadow: 0px 0px 5px 0px #000; 

}

有没有办法让阴影只出现在div的右侧和左侧？任何帮助，将不胜感激...在此先感谢... :)

来源

2013-11-22 SRC SRC

回答

试试这个：

jsFiddle

div { 
    width:200px; 
    height:200px; 
    margin:20px; 
    border:1px solid #8d8d8d; 

    -weibkit-box-shadow: 5px 0px 10px -5px #000, -5px 0px 10px -5px #000; 
     -moz-box-shadow: 5px 0px 10px -5px #000, -5px 0px 10px -5px #000; 
      box-shadow: 5px 0px 10px -5px #000, -5px 0px 10px -5px #000; 
}

来源

2013-11-22 11:38:41

这似乎是工作确定:)

box-shadow: 5px 0px 5px -4px #000, 
      -5px 0px 5px -4px #000;

编辑：哦，我是waaay迟到了：p看起来像我们或多或少得出了相同的结论寿。

来源

2013-11-22 11:50:11 MrMallu

试试这个：http://css3-drop-shadows.herokuapp.com/app

它在最后提供了一个CSS3发生器。

它用途：之前和之后：

来源

2013-11-22 12:33:26 Plasebo

CSS - 阴影左右

回答

相关问题