如何創建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

回答

相關問題