【CSS遮罩可视化编辑器】mask-image，边拖拽边看效果，直观易懂，图片合成，渐变背景蒙版，易如反掌

所谓遮罩（mask-image），就是原始图片只显示遮罩图片非透明的部分，在PS中称为“蒙版”。类似于现实世界中一张A4卡纸剪了个洞，我们可以通过洞看卡纸后面的物体，这里卡纸相当于遮罩层，只不过洞是遮罩层不透明的部分，其他部分是遮罩层透明的部分，与我们想象中的正好相反。

上面提到的图片也可以是各种渐变背景色。

整个过程在众触应用平台进行，不用手写一行CSS代码。

遮罩图片的合成示意图

开启图片遮罩

使用茶壶作为遮罩图片

使用线性渐变背景色作为遮罩层

使用辐射渐变背景色作为遮罩层

使用圆锥渐变背景色作为遮罩层

等不及了，马上亲自动手试一试：众触低代码应用平台编辑模式

访问哔哩哔哩观看详尽的教学视频：【众触课程】可视化设计合集_哔哩哔哩_bilibili

更多教学视频请移步哔哩哔哩空间：众触应用平台的个人空间_哔哩哔哩_Bilibili，里面不仅有各种前端可视化案例演示和讲解，还有多个完整功能的网站应用案例的开发过程演示和讲解。