Softonic

Gerador de setas CSS

Etapa 1 / 2
Próximo

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. 1

    Escolha uma direção

    Selecione direita, esquerda, cima ou baixo.

  2. 2

    Defina a aparência

    Escolha cor, tamanho e espessura em pixels.

  3. 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.

Conversor de Tamanho de Arquivo

Converta entre bytes, KB, MB, GB, TB e as unidades binárias IEC (KiB, MiB, GiB, TiB), combinando decimal e binário como preferir.

Visualizador de Markdown

Escreva Markdown e veja a renderização HTML atualizar ao vivo. Sintaxe com estilo GitHub, incluindo tabelas, listas de tarefas, blocos de código cercados e autolinks.

Gerador de Docker Compose

Gere um docker-compose.yml a partir de definições de serviços com imagem, portas e volumes, com padrões de boas práticas.

Conversor de base numérica

Converta números entre binário, octal, decimal, hexadecimal e qualquer base personalizada de 2 a 36, com o detalhamento posicional.

Ferramenta disponível em outros idiomas