Misture seus próprios gradientes de CSS com este aplicativo gratuito na Web

Todo web designer deve saber sobre Gradientes CSS3. Eles já existem há anos e são amplamente suportados por todos os principais navegadores.

E agora, aplicativos gratuitos da web, como Mistura permitem criar gradientes CSS3 na mosca com editores visuais no navegador. Você pode escolher entre gradientes lineares e radiais enquanto mexer com cores para misturar.

A página inicial é carregada com duas cores sólidas Em ambos os lados. Você pode usar o paleta de cores para alternar entre matizes ou inserir um código HEX manual Se você conhece a cor que você quer. Depois de ter duas cores que você gosta, clique no “Vamos misturar” botão no centro.

Ambas as cores se misturam em um gradiente CSS3 com opções editáveis perto do topo da página. Você pode escolher entre gradientes lineares E gradientes radiais, e se você estiver usando o estilo linear você pode arraste a localização central em toda a página.

Além disso, enquanto você está no modo de mesclagem você ainda pode voltar para mudar as cores no fundo. Isto é como o perfeito gerador de gradiente CSS3 livre de código que todo designer precisa.

Depois de ter duas cores que você gosta, você pode clicar no ícone de colchete de código no canto superior direito. Isso traz um janela com código CSS que você pode copiar / colar em suas folhas de estilo.

Blend é uma ferramenta gratuita criada pelo designer de Nova York Colin Keany. É também hospedado em seu site, embora eu não veja um link para o GitHub ou qualquer código-fonte livre em qualquer lugar. Mas ele escreveu Um estudo de caso detalhando seu processo criando Blend com todos os seus recursos úteis.

Infelizmente, a versão atual não suporta mais do que duas cores. Mas eu estou cruzando os dedos para opções multicoloridas no futuro.

Como você não pode fazer o download de uma cópia local, recomendo o uso de Blend para uso futuro. É a maneira perfeita de gradientes de teste sem editar repetidamente sua folha de estilo.

E, se você quiser compartilhar suas idéias ou apenas agradecer por esta ferramenta gradiente você pode twittar Colin @colinkeany.