css 3盒子影子左上方底部

问题描述：

嘿家伙我正在玩css box-shadow属性，我正在努力一点点。我试图在盒子上创建阴影，但我只想在我的div的顶部，底部和左侧应用阴影。css 3盒子影子左上方底部

这里是我的CSS代码，到现在为止，但它是要适用于所有的4个方面，我不想的..

 box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);

感谢

您可能不再需要为此属性添加前缀。查看支持表：http://caniuse.com/#feat=css-boxshadow（注意：您需要点击“全部显示”才能找到需要前缀的浏览器版本） – Zaqx

此外，当您添加前缀，前缀的前缀应该总是最后的，因为后来的属性声明会覆盖之前的属性声明。 – Zaqx

谢谢你的解释:) – Mll

答

试试这个：

-webkit-box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75); 
-moz-box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75); 
box-shadow: -8px 3px 25px 1px rgba(0,0,0,0.75);

你也可以玩here。

谢谢。这是非常酷的发电机:) – Mll

css 3盒子影子左上方底部

相关推荐