1
A
回答
7
編寫在該形狀綠色陰影可以疊加水平和垂直偏移box-shadow
屬性的值,在兩種顏色之間交替,並指定爲你想要的許多圖層,例如
div {
background: olive;
box-shadow:
0 01px black,
01px 0 green,
01px 02px black,
02px 01px green,
02px 03px black,
03px 02px green,
03px 04px black,
04px 03px green,
04px 05px black,
05px 04px green;
height: 50px;
width: 50px;
}
1
如果你只是在尋找底部的陰影,而陰影面,你可以只畫下方的菱形的形狀:
div{
height:50px;width:50px;
background-color: #0f0;
position: relative;
}
div:after{
content:'';
background-color: #9F9;
width: 50px; height: 10px;
position: absolute;
bottom: -10px; left: 5px;
transform: skewx(45deg)
}
相關問題
- 1. 有沒有辦法在css中使用帶有模糊的盒子陰影?
- 2. 沒有陰影
- 3. 沒有陰影
- 4. 有沒有辦法在一個元素上使用兩個CSS3框陰影?
- 5. 有沒有辦法用當前的IE9測試版CSS做文字陰影?
- 6. 有沒有辦法在一行中寫這個if..else語句?
- 7. 是有辦法與內側陰影
- 8. HTML5 canvas:有沒有辦法在圖像上使用多個陰影?
- 9. 有沒有辦法在C#中編寫LLVM前端編譯器?
- 10. 有沒有辦法在TextBlock上的XAML中執行陰影效果?
- 11. 有沒有辦法在手寫筆中編程式構建CSS選擇器鏈?
- 12. 有沒有辦法寫unity3d
- 13. 有沒有辦法讓這個CSS樣式簡單
- 14. 有沒有辦法爲這個
- 15. 有沒有辦法縮短這個jQuery?
- 16. 有沒有辦法typedef這個?
- 17. 有沒有辦法縮短這個YAML?
- 18. 有沒有辦法縮短這個?
- 19. 有沒有辦法同步這個?
- 20. three.js陰影地圖顯示在背面問題。有沒有解決辦法?
- 21. 在IE10中沒有文字陰影
- 22. 有沒有辦法在LESS中編寫自定義選擇器?
- 23. 有沒有辦法在mysql表中編寫文檔?
- 24. 有沒有辦法在F#中編寫它?
- 25. KineticJS:陰影沒有形狀?
- 26. 沒有頂盒陰影?
- 27. uiview下沒有陰影
- 28. 有沒有辦法在Java中說「方法返回這個」?
- 29. 有沒有辦法在css中繼承這個繼承的填充?
- 30. 有沒有更有效的方法來編寫這個功能?
難道我們假設你想綠色的底部影子,但沒有影子的權利? – 2013-05-03 20:53:02
eugh。該圖形上的顏色與我的屏幕和我的眼睛一起破壞。抱歉。 – Spudley 2013-05-03 20:58:02
這[博客文章](http://nicolasgallagher.com/css-drop-shadows-without-images/)有一個有趣的方法來創建投影。演示:http://nicolas.gallagher.com/css-drop-shadows-without-images/demo/ – 2013-05-03 20:59:46