效果如圖。ps、背景線條是背景圖勒，和本文效果無關。。。
html**如下：
html**
div>
div>
有兩種實現方式：
1.box-reflect
(屬性詳情見 屬性→邊框→box-reflect)
css**
.content h3
但是box-reflect屬性只有chrome/safari支援（支援詳情見
ff和opera不能相容，所以有了以下替代方案。
2.transform屬性的scaley方式：
受到神飛的博文和mdn的乙個demo源**的啟發
mdn demo
神飛：一些上流的css3樣式
css**
.content h3
.content h3:before
.content h3:after
.content .next
使用CSS3製作倒影
webkit box reflect仍然是乙個非標準屬性,目前僅在chrome safari和opera瀏覽器下支援,可惜的是在firefox下並不支援這個屬性，不過值得慶幸的是，在firefox下可以通過element svg的mask來模擬實現.webkit box reflect none k...
CSS3例項 半透明邊框
原文出處 記得以前facebook有段時間使用了非常多的半透明邊框 facebox 雖然現在不支援了，但是還是值得研究一下。你有可能覺得這樣寫就行了 lightbox然而白色背景會一直擴散到邊框上，變成如下的樣子 還好我們有css3的background clip屬性 lightbox具體如下 如果...
使用CSS3製作倒影 box reflect
此屬性並不是w3c標準屬性，在具體使用之時，還是需要新增瀏覽器的私有屬性，根據瀏覽器的相容性，使用box reflect時需要新增 webkit和字首 webkit box reflect none box reflect none 從box reflect語法中可以得知，其主要包括以下幾個屬性值 ...