所谓遮罩(mask-image),就是原始图片只显示遮罩图片非透明的部分,在PS中称为“蒙版”。类似于现实世界中一张A4卡纸剪了个洞,我们可以通过洞看卡纸后面的物体,这里卡纸相当于遮罩层,只不过洞是遮罩层不透明的部分,其他部分是遮罩层透明的部分,与我们想象中的正好相反。
上面提到的图片也可以是各种渐变背景色。
整个过程在众触应用平台进行,不用手写一行CSS代码。
遮罩图片的合成示意图
开启图片遮罩
使用茶壶作为遮罩图片
使用线性渐变背景色作为遮罩层
使用辐射渐变背景色作为遮罩层
使用圆锥渐变背景色作为遮罩层
等不及了,马上亲自动手试一试:众触低代码应用平台编辑模式
访问哔哩哔哩观看详尽的教学视频:【众触课程】可视化设计合集_哔哩哔哩_bilibili
更多教学视频请移步哔哩哔哩空间:众触应用平台的个人空间_哔哩哔哩_Bilibili,里面不仅有各种前端可视化案例演示和讲解,还有多个完整功能的网站应用案例的开发过程演示和讲解。