需要寫兼容寫法：
-webkit-box-reflect：below 3px -webkit-(repeating)linear/redial-gradient(...)；
1.先寫direction定義方向：
above：倒映在其物件的上邊
below：倒映在其物件的下邊
left：左邊
right：右邊
2.offset定義物件與倒影的距離，默認為0，取值包括px和百分比，百分比是根據物件的大小進行確定，px和百分比都可為負值，
<offset>
-
<length>：
用長度值來定義倒影與物件之間的間隔，可以為負值
-
<percentage>：
用百分比來定義倒影與物件之間的間隔，可以為負值
3.mask-box-images定義
<mask-box-image>
-
none：
無遮罩影像
-
<url>：
使用絕對或相對地址指定遮罩影像，
-
<linear-gradient>：
使用線性漸變創建遮罩影像，
-
<radial-gradient>：
使用徑向(放射性)漸變創建遮罩影像，
-
<repeating-linear-gradient>：
使用重復的線性漸變創建背遮罩像，
- <repeating-radial-gradient>：
使用重復的徑向(放射性)漸變創建遮罩影像，
眾所周知，玩過前端的人一定對3D相冊感到很尋常，而是用倒影標簽之后往往可以給人眼前一亮的視覺沖擊，多這一個標簽就可以使你的網頁效果翻倍
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/3989.html
標籤：HTML5