CSS图片说明遮罩生成器介绍
CSS图片说明遮罩生成器用于为图片添加标题或说明文字遮罩，适合作品集、图集列表、新闻封面等场景。工具支持设置标题文本、位置、遮罩高度、圆角、颜色与透明度，并生成可直接使用的CSS与HTML结构。
主要参数说明
- Caption：设置图片标题或说明文字。
- Position：设置标题在顶部或底部。
- Height：设置图片容器高度。
- Radius：设置容器圆角。
- Overlay：设置遮罩背景色。
- Opacity：设置遮罩透明度。
- Text Color：设置文字颜色。
- Width：设置容器宽度。
使用教程
- 设置文案：输入 Caption 文本并选择位置。
- 调整尺寸：设置 Height 与 Width，并配置圆角。
- 配置遮罩：设置 Overlay 与透明度，调整文字颜色。
- 复制代码：在 CSS 与 HTML 标签页复制生成代码。
应用场景
- 图片卡片：为封面或缩略图添加说明。
- 作品展示：用于作品集或案例展示。
- 新闻列表：突出图片标题与信息。
