CSS图片遮罩生成器

CSS图片遮罩生成器用于创建不同形状的图片遮罩效果，适合头像、图标、专题封面等场景。工具支持选择遮罩形状、设置尺寸与背景色，并生成可直接使用的CSS与HTML结构。

主要参数说明

• Shape：选择遮罩形状（圆形、六边形、菱形）。
• Size：设置遮罩尺寸。
• Background：设置遮罩背景色或渐变基色。

使用教程

1. 选择形状：在 Shape 中选择遮罩样式。
2. 调整尺寸：设置 Size 控制遮罩大小。
3. 配置配色：设置背景颜色。
4. 复制代码：在 CSS 与 HTML 标签页复制生成代码。

应用场景

• 头像展示：为头像增加独特形状。
• 图标卡片：用于功能或专题入口。
• 创意图片：用于作品集或视觉设计。