您的位置: 首页 > -webkit-mask-box-image
-webkit-mask-box-image 属性
定义图片遮罩的滚动特性。
有-webkit-前缀: 1.0 4.0 2.1 3.2
无-webkit-前缀: ? ? ? ?
?: 表示版本号未知,但该属性可用。
语法
-webkit-mask-box-image: mask-img* top right bottom left x_repeat y_repeat
mask-img:uri | gradient | none
top right bottom left :length | percentage
x_repeat y_repeat:repeat | stretch | round
取值
| uri | 图片路径 |
|---|---|
| gradient | 用-webkit-gradient函数生成遮罩图(mask image) |
| none | 没有遮罩图片 |
| top | 图片离上边缘的距离 |
| right | 图片离右边缘的距离 |
| bottom | 图片离底边缘的距离 |
| left | 图片离左边缘的距离 |
| x_repeat | 水平方向的重复,取值:repeat | stretch | round |
| y_repeat | 垂直方向的重复,取值:repeat | stretch | round |