Gerador de Triângulo CSS

Gerador de triângulo 100% CSS online: 8 direções, tamanho e cor personalizáveis, código pronto para copiar.

Todo o processamento acontece no seu navegador — nada é enviado ao servidor
方向
尺寸80px
width: 0;
height: 0;
border-left: 80px solid transparent;
border-right: 80px solid transparent;
border-bottom: 112px solid #6366f1;

Ferramentas de Design · Ferramentas relacionadas

Ver todas as 15 ferramentas →
Sombra CSS

Visualizador de box-shadow
Gradiente CSS

Editor de gradientes
Border Radius CSS

Ajuste visual de cantos
Glassmorphism CSS

backdrop-filter vidro fosco
CSS Flexbox

Layout flex visual
CSS Grid

Layout grid visual