利用mask-image，制作走马灯效果

mask-image:为元素添加图片遮罩层，跟ps里面的遮罩层用法类似；
适用于：所有元素; 在SVG中，它适用于除defs元素和所有图形元素之外的容器元素；

属性默认值：
mask-image： none/url/ 设置蒙版图像源.默认值透明的黑色图像层
mask-mode： match-source 设置蒙版图像的蒙版模式
mask-repeat： no-repeat 是否重复
mask-position： center 设置蒙版图像的位置
mask-size： auto 设置蒙版图像的大小

语法：(与background-image用法相同)
mask-image: url(masks.svg#mask1);
mask-image:linear-gradient(rgba(0, 0, 0, 1.0), transparent);
mask-image: image(url(mask.png), skyblue, linear-gradient(rgba(0, 0, 0, 1.0), transparent);

利用mask-image制作走马灯效果

按钮特效：

 
  

  
 
 
      

            更多相关信息
            更多相关信息