Gerador de setas CSS
Crie uma seta CSS simples. Escolha direita, esquerda, cima ou baixo, além de cor, tamanho quadrado e espessura da borda. Depois copie a regra .arrow gerada.
Crie uma seta CSS
-
1
Escolha uma direção
Selecione direita, esquerda, cima ou baixo.
-
2
Defina a aparência
Escolha cor, tamanho e espessura em pixels.
-
3
Copie o CSS
Confira a prévia e copie a regra.
O gerador cria um elemento .arrow quadrado com display: inline-block, largura e altura iguais, borda direita e inferior e uma rotação para as quatro direções.
Ele não cria triângulos de borda, clip-path, SVG, gradientes, setas diagonais ou caudas de tooltip. Também não fornece HTML, validação de layout ou orientação de compatibilidade. Teste a regra copiada na sua página.
Ferramentas relacionadas
Referência da Tabela ASCII
Tabela ASCII completa de 0 a 127 com valores decimais, hexadecimais, octais e binários e notação de referência numérica HTML, incluindo NUL, LF e DEL.
Referência de Caracteres HTML
Lista pesquisável de entidades HTML, seus códigos nomeados e numéricos, e uma cópia com um clique para caracteres e símbolos especiais.
Referência de atalhos de teclado
Pesquise atalhos padrão documentados do VS Code, Chrome e Bash com GNU Readline no macOS, Windows e Linux.
Conversor de Binário para ASCII
Cole binário (bytes separados por espaço ou um longo fluxo de bits) e obtenha o texto ASCII que ele representa, decodificado 8 bits por vez.
Gerador de Cores Análogas
Crie uma paleta análoga de cinco cores a partir de qualquer cor base, com o trio clássico, dois tons externos e valores hex, RGB e HSL.
Conversor de ASCII para Hex
Converta texto ASCII em valores de byte hexadecimal. A saída usa dois dígitos hexadecimais por caractere, prontos para dumps de memória, rastreamentos de pacotes ou tabelas de firmware.