design
Gratuito
Sem cadastro
Seletor de Gradiente de Múltiplas Paradas
Crie belos gradientes CSS de múltiplas paradas visualmente com paradas de arrastar e soltar.
Carregando ferramenta…
Sobre esta ferramenta
Crie gradientes lineares ou radiais com até 10 paradas de cor, arraste as paradas ao longo da barra de prévia para reposicioná-las e obtenha instantaneamente a saída CSS. Exporte seu gradiente como uma propriedade CSS, um elemento de gradiente SVG ou baixe um retângulo PNG preenchido. Escolha entre 20 predefinições selecionadas para inspiração instantânea.
Como usar
- 1 Passo 1: Escolha um tipo de gradiente (linear ou radial) e defina o ângulo para gradientes lineares.
- 2 Passo 2: Adicione paradas de cor clicando em 'Adicionar Parada', escolha uma cor e defina sua posição.
- 3 Passo 3: Arraste as paradas ao longo da barra de gradiente para ajustar suas posições.
- 4 Passo 4: Copie a saída CSS ou exporte como SVG / PNG usando os botões de exportação.