box-reflect属性

    属性取值：

box-reflect属性

direction：

above：倒影想上方；

below：倒影在下方；

left：倒影在左边；

right：倒影在右边。

offset：

可用单位：px  百分比

mask-box-image：

none：无遮罩图像

url：使用绝对或相对地址指定遮罩图像；

linear-gradient：使用线性渐变创建遮罩图像；

radial-gradient：使用径向(放射性)渐变创建遮罩图像；

repeating-linear-gradient：使用重复的线性渐变创建背遮罩像；

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

示例效果见下图:

 

 

转载于:https://www.cnblogs.com/raulfang/p/8658027.html