Gerador de triângulo CSS com bordas
Gere um triângulo CSS (truque de border) com direção, tamanho e cor.
🔒 100 % no cliente — nenhum dado enviado
Crie um triângulo CSS usando a técnica de border e copie código pronto para colar. Escolha a direção, o tamanho e a cor com uma pré-visualização instantânea. Perfeito para setas, tooltips e ponteiros, gerado inteiramente no seu navegador.
What is it for?
- ▸ Criar setas e ponteiros sem imagens
- ▸ Adicionar uma ponta a um tooltip ou balão de chat
- ▸ Escolher a direção, o tamanho e a cor do triângulo
- ▸ Copiar CSS puro leve e amplamente compatível
FAQ
Como um triângulo é criado em CSS?
Dando largura e altura zero a um elemento e colorindo uma única borda enquanto as outras permanecem transparentes.
Posso alterar a direção do triângulo?
Sim, basta escolher qual borda é colorida para apontar para cima, baixo, esquerda ou direita.
Esse triângulo é compatível com todos os navegadores?
Sim, a técnica de border é antiga e suportada por todos os navegadores, até os legados.