css3倒影效果怎么实现

css3倒影效果的实现方法：可以利用box-reflect属性来实现倒影效果，如【-webkit-box-reflect:below 10px】。box-reflect属性用来设置或检索对象倒影，该属性包含方向、偏移量、遮罩图像三个值。

取值：

none：无遮罩图像：

使用绝对或相对地址指定遮罩图像。

使用线性渐变创建遮罩图像。

使用径向(放射性)渐变创建遮罩图像。

使用重复的线性渐变创建背遮罩像。

使用重复的径向(放射性)渐变创建遮罩图像。

举例：

效果：