Gerador de fundo de gradiente distorcido para CSS

Fav

Cor de fundo

Resistência à torção 15px

Contraste 150%

Número de gradientes 6

Transformações aleatórias 100

Largura da área de exposição 100

Display Area Height 100

Download as Image

Sample CSS code:

Apresentação da ferramenta de geração de código para fundos com gradientes distorcidos em CSS:

1. Esta ferramenta permite visualizar e ajustar diferentes cores de gradiente online, além de aplicar efeitos de distorção e liquidez.

2. Você pode definir a intensidade da distorção, o contraste e o número de gradientes para ajustar a forma das cores.

3. Arraste o controle deslizante “Transição aleatória” para a esquerda ou para a direita para alterar aleatoriamente o efeito de renderização das cores; pare assim que encontrar o resultado desejado.

4. As cores do gradiente podem ser selecionadas online ou você pode inserir os valores de cor de sua preferência; arrastando o controle deslizante de cada cor, é possível ampliar ou reduzir a área e a transparência da cor correspondente.

5. Após ajustar o gradiente, você pode copiar o código CSS de exemplo ou clicar no botão “Baixar como imagem” para salvar a imagem localmente.