Geração de código de gradiente CSS
Gere CSS linear de gradiente com base em duas cores, transparência e ângulo.
Geração de código de gradiente CSS Manual do usuário
- Preencha os parâmetros ou selecione o arquivo de acordo com o formulário e verifique primeiro a unidade e o formato.
- Gere um fundo gradiente linear de 135 graus do azul ao roxo.
- Clique no botão de processamento para ver os resultados, você pode copiar ou baixar e salvar.
Método de cálculo e regras de processamento
O gradiente linear é gerado após a verificação estrita de cor e valor, e as escalas de cores inicial e final são fixadas em 0% e 100%.
Escopo de uso
A saída do texto CSS que pode ser copiado, a página não é modificada automaticamente; O efeito real também é afetado pelo tamanho do elemento.
O ângulo do gradiente muda a cor ou a direção?
O ângulo muda a direção do gradiente, e as cores inicial e final ainda são as duas cores preenchidas. A transparência é aplicada às cores em ambas as extremidades, e o fundo e o tamanho do elemento também afetam o efeito visual final; Por favor, visualize em seu próprio ambiente de estilo.
O conteúdo de entrada será salvo no servidor?
Esta ferramenta lida com a entrada no navegador e não carrega arquivos ou forma conteúdo. As pontuações da prática de digitação são salvas apenas no navegador nativo.
Por que o resultado pode ser diferente de outras ferramentas?
A saída do texto CSS que pode ser copiado, a página não é modificada automaticamente; O efeito real também é afetado pelo tamanho do elemento. Compare primeiro a unidade de entrada, o método de arredondamento, as regras aplicáveis e a versão dos dados.