關於 CSS 陰影，之前已經有寫過一篇，box-shadow 與 filter:drop-shadow 詳解及奇技淫巧，介紹了一些關於 box-shadow 的用法。 最近一個新的項目，CSS-Inspiration，挖掘了其他很多有關 CSS 陰影的點子，是之前的文章沒有覆蓋到的新內容，而且有 ...

一、box-shadow問題探究 box-shadow 在MDN定義以及詳解： box-shadow 以由逗號分隔的列表來描述一個或多個陰影效果。該屬性讓你可以對幾乎所有元素的邊框產生陰影。如果元素同時設置了 border-radius ，陰影也會有圓角效果。多個陰影的z-ordering ...

　　《CSS3 經典教程系列》的前一篇文章向大家詳細介紹了線性漸變（linear-gradient）的用法，今天本文介紹的盒陰影（box-shadow）是目前用得最多的 CSS3 特性之一。盒陰影效果和圓角效果一樣都是做成圖片，直接編寫 CSS 代碼就可以實現。 您可能感 ...

box-shadow 在前端的 CSS 編寫工作想必十分常見。但是 box-shadow 除去它的常規用法，其實還存在許多不為人知的奇技淫巧。 喜歡 markdown 版本的可以戳這里 。 box-shadow 常規用法 說到 box-shadow ，首先想到的必然是它能夠生成陰影 ...

簡言 目前最優雅地實現多重邊框的方案是利用CSS3 的 box-shadow屬性，但如果要兼容老的瀏覽器，則需要選擇其它的方案。本文簡要地列舉了幾種多重邊框的實現方案，大家可以根據項目實際及兼容性要求等情況，選擇最適合的實現方案。 1 利用描邊(outline)屬性 方案1利用描 ...

一、box-shadow介紹 box-shadow屬性向box添加一個或多個陰影。 語法： 單詞解釋：blur:模糊 spread:伸展 inset:內凹 參數解釋： offset-x：必需，取值正負都可。offset-x水平陰影的位置。 offset-y ...

根據canisue（http://caniuse.com/#search=box-shadow），box-shadow兼容性如下圖所示： 測試代碼： IE8瀏覽器效果： border-radius在IE8瀏覽器兼容方案： IE8 ...

-——css3的文章好久沒有寫過了。今天看到一個比較酷炫的屬性——線性漸變（linear-gradient）,決定談談這個屬性。 linear-gradient ——CSS3 grandient分為 ...

...

box-shadow的這些用法你知道嗎？ 完整代碼看這里。 實現效果如下： box-shadow支持同時設置多個陰影，根據這個特性，很多重復性的圖案都可以很巧妙的設計出來。 ...