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.
Related tools
Proporção · calculadora Calcule uma proporção (16:9...) e derive uma dimensão proporcional ausente. Gerador de código de barras Gere um código de barras (EAN-13, Code128, UPC) a partir de um valor, baixável, no seu navegador. Base64 → imagem Decodifique um data URI ou Base64 em uma imagem visualizável e baixável, no seu navegador. CSS border-radius · gerador Crie cantos arredondados em CSS (border-radius) com pré-visualização ao vivo e código pronto para copiar. CSS box-shadow · gerador Gere um CSS box-shadow com pré-visualização ao vivo e código pronto para copiar. Removedor de fundo verde Torne uma cor de fundo (tela verde/azul) transparente e exporte um PNG, no seu navegador.