Sobre esta ferramenta
Crie um gradiente linear ou radial de duas cores escolhendo cores, posições e um ângulo, e depois copie a regra de background. A pré-visualização ao vivo roda inteiramente no seu navegador.
Crie um gradiente linear ou radial com pré-visualização ao vivo e copie o CSS.
Os arquivos são processados no navegador, nunca enviados. O site baixa o código e os recursos necessários. Sem contas ou rastreadores.
Use Baixar para salvar esta ferramenta em um único arquivo HTML para uso offline.
Privacidade →Escolha o tipo linear, defina o ângulo como 135 e as cores como #ff7e5f e #feb47b. O CSS é background: linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%);. Mover a primeira parada para 20 mantém a primeira cor sólida nos primeiros 20% da caixa.
0deg aponta para cima e 90deg para a direita, então 135deg vai do canto superior esquerdo ao inferior direito. Se houver texto sobre um degradê, confira o contraste com as duas cores das pontas.
Crie um gradiente linear ou radial de duas cores escolhendo cores, posições e um ângulo, e depois copie a regra de background. A pré-visualização ao vivo roda inteiramente no seu navegador.