CSS：实现倒影效果 （box-reflect）

语法

box-reflect：none |

▪︎ ：

▫︎ above 指定倒影在对象的上边

▫︎ below 指定倒影在对象的下边

▫︎ left 指定倒影在对象的左边

▫︎ right 指定倒影在对象的右边

▪︎ ：

▫︎ 用长度值来定义倒影与对象之间的间隔。(可以为负值)

▫︎ 用百分比来定义倒影与对象之间的间隔。(可以为负值)

▪︎ ：

▫︎ none 无遮罩图像

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

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

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

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

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