- - Editor de gradiente CSS: gere código CSS para plano de fundo gradiente [Mac]

Editor de gradiente CSS: gerar código CSS para plano de fundo gradiente [Mac]

CSS é tudo que governa como sua página da web ou aplicativoaparecerá para o usuário final, mas escrever a planilha básica pode demorar um pouco. Provavelmente, você encontrará muitos geradores automáticos de código CSS que permitem adicionar efeitos, criar objetos ou gradientes simples. Editor de gradiente CSS é um aplicativo gratuito para Mac que permite criar gradientesfundos. O aplicativo fornece uma GUI simples, permitindo selecionar qualquer cor para o gradiente, adicionar até cinco paradas e selecionar onde cada parada é realizada. O gradiente pode ser vertical ou horizontal, e o aplicativo permite criar predefinições e gerar código CSS compatível com Chrome, Firefox, Safari, Internet Explorer 10, Opera, todos compatíveis com o padrão W3C. Você pode inserir cores como códigos RGB, HSL e Hex.

O aplicativo é carregado com um gradiente simples de dois tons. Ele tem uma única janela dividida em quatro seções, onde as duas seções à direita exibem o código e visualizam o gradiente à medida que você o cria. As seções à esquerda permitem adicionar predefinições e criar ou editar um gradiente.

Editor de gradiente CSS

Você estará trabalhando principalmente com o canto inferior esquerdoseção. Dependendo do tipo de gradiente que você deseja criar, clique no botão Eixo X (para um gradiente vertical) ou Eixo Y (para um gradiente horizontal). Clique na caixa de cores para Top Color, e escolha a cor que aparecerá na parte superior ou esquerda do gradiente. Para adicionar uma parada adicional, verifique o Pare caixa logo abaixo Cor superior, escolha um ponto em que a segunda cor começará movendo o controle deslizante na frente dela. Siga o exemplo para adicionar paradas adicionais. Em seguida, selecione o Cor inferior. Os efeitos serão visualizados e o código será atualizado à medida que você fizer as alterações.

Editor de gradiente CSS adicionar paradas

Se você deseja salvar um gradiente que você criou, clique no Salvar predefinição botão eo gradiente será salvo. O código pode ser copiado e usado na sua folha CSS sem a necessidade de modificações.

Obtenha CSS Gradient Editor na Mac App Store

Comentários