如何创建CSS

-4

一些优雅的阴影，我想创建2 div之间出现的截图了一层阴影。但我不能让它看起来那么优雅。如何创建CSS

enter image description here

来源

2014-02-11 barbareos12

如果你发布你所到目前为止已经试过.... – LeeGee

对不起，我投上你的问题接近的选票，因为我们希望用户先试，好像你不累又那么先试用一下，当你这样做，分享您的代码，以及 –

做这样的事情：

JSFiddle

HTML：

<div class='one'>&nbsp;</div>

CSS

*{ 
    margin:0; 
    padding:0; 
    width:100%; 
} 
body{ 
    background:yellow; 
} 
.one{ 
    background:silver; 
    box-shadow:0 2px 2px #999; 
}

来源

2014-02-11 14:09:43 Albzi

您可以使用CSS3属性。例如：

box-shadow(0 0 5px rgba(0, 0, 0, 0.1));

来源

2014-02-11 14:07:46 j3r6me

从主学习： http://css-tricks.com/snippets/css/css-box-shadow

带来的不透明度下来，你要寻找的“优雅”的效果。

或者，如果你感觉懒得： http://css3generator.com

小号

来源

2014-02-11 14:09:23 Squideyes

应用框阴影第一盒并将其设置在所述第二。

<div class="top"></div> 
<div class="bottom"></div> 

.top { 
    width: 100%; 
    height: 25px; 
    background: #97CCCE; 
    box-shadow: 1px 1px 5px #474747; 
    position: relative; 
} 

.bottom { 
    margin-top: -5px; 
    width: 100%; 
    height: 25px; 
    background: #FFCD5D; 
}

这里有一个例子：http://jsfiddle.net/7D8zW/1/

来源

2014-02-11 14:11:22

回答

相关问题