此屬性並不是w3c標準屬性，在具體使用之時，還是需要新增瀏覽器的私有屬性，根據瀏覽器的相容性，使用box-reflect時需要新增-webkit和字首：
-webkit-box-reflect：none |
>
>
? >
?box-reflect：none |
>
>
? >
?
box-reflect語法中可以得知，其主要包括以下幾個屬性值：
:用來設定生成倒影與物件（原圖）之間的間距，其取值可以是固定的畫素值，也可以是百分比值
我們回到教程中來，首先按照前面介紹的方法，給對像生成乙個向下的倒影，並且給box-reflect加上屬性值（記住是漸變生成的）：
.box-reflect
img
著作權歸作者所有。
原文:
w3cplus.com
使用CSS3製作倒影
webkit box reflect仍然是乙個非標準屬性,目前僅在chrome safari和opera瀏覽器下支援,可惜的是在firefox下並不支援這個屬性，不過值得慶幸的是，在firefox下可以通過element svg的mask來模擬實現.webkit box reflect none k...
CSS3中製作倒影box reflect
目前僅在chrome safari和opera瀏覽器下支援 box reflect none 由於此屬性並不是w3c標準屬性，在具體使用之時，還是需要新增瀏覽器的私有屬性，根據瀏覽器的相容性，使用box reflect時需要新增 webkit和字首 webkit box reflect none b...
用CSS3來製作倒影（box reflect）
有一句話說的好 橫看成嶺側成峰，遠近高低各不同 有些時候，我們需要從不同的角度去欣賞mm，如下圖 在早期，要實現這種效果，我們只能乖乖的找設計去製作，然後在頁面上插入一張，但是隨著css3的出現，我們可以純 實現，如何實現呢？就是通過css3的box reflect屬性。相容性 接下來，我們來了解b...