語法：
box-reflect：包括3個值。
1. direction 定義方向，取值包括 above 、 below 、 left 、 right。
above：
指定倒影在物件的上邊
below：
指定倒影在物件的下邊
left：
指定倒影在物件的左邊
right：
指定倒影在物件的右邊
2. offset定義反射偏移的距離，取值包括數值或百分比，其中百分比根據物件的尺寸進行確定。預設為0。
用長度值來定義倒影與物件之間的間隔。可以為負值。用百分比來定義倒影與物件之間的間隔。可以為負值。
3. mask-box-image定義遮罩影象，該影象將覆蓋投影區域。如果省略該引數值，則預設為無遮罩影象。
取值：none：無遮罩影象：
使用絕對或相對位址指定遮罩影象。
使用線性漸變建立遮罩影象。
使用徑向(放射性)漸變建立遮罩影象。
使用重複的線性漸變建立背遮罩像。
使用重複的徑向(放射性)漸變建立遮罩影象。
說明：設定或檢索物件倒影。
對應的指令碼特性為boxreflect。
html**如下：我們在上面的基礎上繼續改進，為倒影設定距離，向下偏移10畫素，效果圖如下：
改動的css**：
接下來繼續進行改進，設計css漸變倒影，通過漸變遮罩逐漸蓋住下面的倒影，製作出漸隱效果。css**如下：
效果圖：CSS3 box reflect 倒影效果
webkit box reflect none image 1.屬性值direction 4種 2.屬性值offset 可選引數 定義反射偏移的距離，取值包括數值或百分比，其中百分比根據物件的尺寸進行確定。預設為0。用長度值來定義倒影與物件之間的間隔。可以為負值。用百分比來定義倒影與物件之間的間隔。...
CSS3 0新屬性之box reflect 倒影
例子 上下倒影 webkit box reflect below 0px webkit gradient linear,left top,左上 left bottom,左下 from transparent 起始位置是透明色的 color stop 50 transparent 在50 的位置也是有...
使用CSS3製作倒影 box reflect
此屬性並不是w3c標準屬性，在具體使用之時，還是需要新增瀏覽器的私有屬性，根據瀏覽器的相容性，使用box reflect時需要新增 webkit和字首 webkit box reflect none box reflect none 從box reflect語法中可以得知，其主要包括以下幾個屬性值 ...