渐变分为线性渐变 and 径向渐变
线性渐变linear-gradient()
|
|
径向渐变radial-gradient()
|
|
倒影box-reflect
- 三个值,一、倒影方向direction:above | below | left | right;
- 二、倒影与元素的间距offset:number或者百分比,可以为负数;
- 三、倒影样式mask-box-image:添加渐变色或者使用遮罩图片;1box-reflext:below 10px linear-gradient(to top,rgba(255,255,255,1.0),linear-gradient(255,255,255,0.3));
mask遮罩层-webkit-mask-image
- 跟背景图片的设置差不多,遮罩层的设置也有
-webkit-mask-image| -webkit-mask-size | -webkit-mask-position | -webkit-mask-repeat;
未完待续……