box-reflect也就是倒影特效 语法如下：
-webkit-box-reflect：none | <direction> <offset>? <mask-box-image>?
box-reflect: none | <direction> <offset>? <mask-box-image>?
属性说明： none：默认值，表示无倒影。
direction：生成倒影的方向，above、below、left、right 分别代表上下左右。
offset：倒影与对象之间的间隔，取值可以为数字或百分比，可以为负数。
mask-box-image：倒影遮罩层的效果，值可以是：none：无遮罩图像 url：使用绝对或相对地址指定遮罩图像。 linear-gradient：使用线性渐变创建遮罩图像。 radial-gradient：使用径向(放射性)渐变创建遮罩图像。 repeating-linear-gradient：使用重复的线性渐变创建背遮罩像。 repeating-radial-gradient：使用重复的径向(放射性)渐变创建遮罩图像。
用法如下：
-webkit-box-reflect:below 0px -webkit-linear-gradient(transparent,transparent 50%,rgba(0,0,0,.8));
效果：
