可视化调整参数,直接生成可复制的 CSS 三角形代码
这是浏览器端生成 CSS 三角形代码的工具。解决手写 border 法三角形参数算错、方向不对的问题。
它基于 CSS border 透明边挤出三角形的原生实现方案,不需要额外 HTML 标签,不依赖图片和字体图标。
支持。这个方案生成的三角形本身是纯色,背景自动透明,可适配任意底色的容器。
不能。当前版本仅支持生成等边直角三角形,不支持不等边三角形。
兼容。代码只用了基础 CSS border 属性,所有主流浏览器都能正常渲染。
单边长最大支持 200 像素,满足绝大多数网页场景的使用需求。