H5遮罩怎么制作

时间:2024-10-18 20:26:12

遮罩,就是叠在原有的H5层上面,像是在一张照片上面放一块玻璃,让H5页面有朦胧美。一般用于装饰H5。在H5工具微吾中,制作H5遮罩有以下几种方法。

工具/原料

谷歌浏览器,微吾,H5工具

1、利用文本框,设置样式背景色浅淡色(矩形、圆角矩形、椭圆、圆形)

1、点击界面上方菜单栏“文本”按钮,插入文本框。

H5遮罩怎么制作

2、将文本框文字设置为空,边框设置为遮罩层大小,边框颜色改完白色。设置边框透明度,一个遮罩便出现了。

H5遮罩怎么制作

2、利用形状,可选择样式较多

1、点击界面上方菜单栏“形状”按钮,在右侧选择合适的形状并插入到页面中。

H5遮罩怎么制作

2、右侧可修改形状的颜色、透明比例、旋转角度位置、大小、旋转角度除了通过修改右侧参数,也可以直接通过拖动、拉伸、旋转图片进行修改。

H5遮罩怎么制作

3、为页面添加背景,即可看到蒙层效果。

H5遮罩怎么制作

3、插入遮罩图片(自定义图片,不限遮罩类型)

1、点击界面上方菜单栏“图片”按钮,在右侧选择遮罩图片并插入到页面中。修改图片透明度即可。

H5遮罩怎么制作
© 手抄报圈