纯 CSS 实现，无需图片
CSS 三角形生成器
在线生成纯 CSS 三角形代码，支持多种形状、方向、动画效果，实时预览一键复制
参数设置
100px
100px
0°
实时预览
宽度:
100px
高度:
100px
面积:
5000px²
CSS 代码
HTML 代码
使用说明
- 1 选择形状：点击预设形状按钮快速选择等腰、等边、直角等三角形
- 2 调整方向：点击方向按钮选择三角形朝向（上、下、左、右）
- 3 自定义参数：拖动滑块调整宽度、高度、颜色和旋转角度
- 4 添加动画：选择动画效果让三角形更生动有趣
- 5 复制代码：点击复制按钮获取 CSS 或 HTML 代码
功能特色
- 多种形状：支持等腰、等边、直角等多种三角形形状
- 动画效果：内置脉冲、旋转、弹跳、抖动四种动画
- 实时预览：参数调整即时生效，所见即所得
- 纯 CSS 实现：无需图片，兼容所有现代浏览器
- 一键复制：生成标准 CSS 代码，直接使用