box-reflect 倒影

box-reflect 倒影

box-reflect：none | direction offset mask-box-image

direction: 倒影在对象的位置

above 上 below 下 left 左 right 右

offset:用长度值来定义倒影与对象之间的间隔,可以为负值

length | percentage

mask-box-image: 遮罩图像

<url>： 使用绝对或相对地址指定遮罩图像。 这个用png的图片容易出效果

linear-gradient： 使用线性渐变创建遮罩图像。 这个利用黑色的透明度做效果比较好

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

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

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

none：无遮罩图像

转载于:https://www.cnblogs.com/MeeMee/p/6808947.html