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

Gerador de cards CSS

Crie um card com seu título, texto e link opcional. Ajuste cores, borda, espaçamento, sombra e efeito ao passar o mouse. Depois copie ou baixe o HTML e o CSS.

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.

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.

Gerador de README

Gere um README.md estruturado a partir de alguns campos: nome do projeto, tagline, recursos, comando de instalação, trecho de início rápido, autor e licença. Cole direto no seu repositório.

Ofuscador de JavaScript

Ofusque JavaScript com codificação de array de strings, renomeação de variáveis, achatamento de fluxo de controle e injeção de código morto para proteção do front-end.

Ferramenta disponível em outros idiomas