Gerar Gradientes de CSS

A sintaxe do gradiente CSS é fácil de ler e miserável de escrever da memória. Os ângulos são medidos a partir de uma direcção que surpreende a maioria das pessoas pela primeira vez, as posições de paragem de cores interagem de forma difícil de prever, e a única forma fiável de obter um gradiente à direita é vê- lo mudar à medida que o ajusta. É para isso que serve esta ferramenta: crie o gradiente visualmente, depois copie o CSS que poderá colar directamente numa folha de estilo.

Ambos os tipos são cobertos. Um gradiente linear se mistura ao longo de uma linha reta em qualquer ângulo que você definir, e é o que você usar para botões, seções de herói e bandas de fundo. Um gradiente radial se espalha para fora de um ponto central em um círculo ou elipse, que se encaixa em holofotes, brilhos e vinhetas sutis. De qualquer forma, você pode adicionar quantas paradas de cor você precisa e arrastar cada um ao longo da faixa.

A saída é simples, CSS pronto para produção, sem dependência neste site e nenhum prefixo de fornecedor que você não precisa, uma vez que cada navegador atual tem suportado gradientes desprefixos há anos. Tudo é executado em seu navegador, e o CSS gerado é seu para usar em qualquer projeto, comercial ou de outra forma.