-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.2)));
}

想要實現以上效果我們可以使用CSS3中的 box-reflect
從box-reflect語法中可以得知，其主要包括以下幾個屬性值：

none:此值為box-reflect預設值，表示無倒影效果；
:此值表示box-reflect生成倒影的方向，主要包括以下幾個值：
above:表示生成的倒影在物件（原圖）的上方；
below:表示生成的倒影在物件（原圖）的下方；
left:表示生成的倒影在物件(原圖)的左側；
right:表示生成的倒影在物件(原圖)的右側；
:用來設定生成倒影與物件（原圖）之間的間距，其取值可以是固定的畫素值，也可以是百分比值，如：
:使用長度值來設定生成的倒影與原圖之間的間距，只要是CSS中的長度單位都可以，此值可以使用負值；
:使用百分比來設定生成的倒影與原圖之間的間距，此值也可以使用負值
:用來設定倒影的遮罩效果，可以是背景圖片，也可以是漸變生成的背景影象