4.4 盒子倒影

-webkit-box-reflect 倒影 (仅webkit 支持)

值: box-reflect:none | direction offset? mask-box-image?

取值:

direction:

above: 指定倒影在对象的上边 
below: 指定倒影在对象的下边 
left: 指定倒影在对象的左边 
right: 指定倒影在对象的右边

offset:

<length>: 用长度值来定义倒影与对象之间的间隔。可以为负值 
<percentage>: 用百分比来定义倒影与对象之间的间隔。可以为负值

mask-box-image:

none: 无遮罩图像 
<url>: 使用绝对或相对地址指定遮罩图像。 
<linear-gradient>: 使用线性渐变创建遮罩图像。 
<radial-gradient>: 使用径向(放射性)渐变创建遮罩图像。 
<repeating-linear-gradient>: 使用重复的线性渐变创建背遮罩像。 
<repeating-radial-gradient>: 使用重复的径向(放射性)渐变创建遮罩图像。

results matching ""

    No results matching ""