Combine sus propios gradientes de CSS con esta aplicación web gratuita

Todo diseñador web debe saber sobre Gradientes CSS3. Han existido durante años y son ampliamente compatibles con todos los principales navegadores.

Y ahora, aplicaciones web gratuitas como Mezcla Te permite crear gradientes CSS3 sobre la marcha con editores visuales en el navegador. Puedes elegir entre gradientes lineales y radiales mientras juguetea con colores para mezclar.

La página inicial se carga con dos colores sólidos a cada lado. Puedes usar el paleta de color para cambiar entre tonos o ingresar una manual de código HEX Si conoces el color que quieres. Una vez que tienes dos colores que te gustan, haz clic en “Vamos a mezclar” botón en el centro.

Ambos colores se mezclan en un gradiente CSS3 con opciones editables cerca de la parte superior de la página. Puedes elegir entre gradientes lineales Y gradientes radiales, y si estás usando el estilo lineal puedes arrastre la ubicación central todo a través de la página.

Además, mientras estás en modo de mezcla todavía puedes volver a cambiar los colores en el fondo. Esto es como el perfecto generador de gradientes CSS3 sin código que cada diseñador necesita.

Una vez que tenga dos colores que le gusten, puede hacer clic en el icono de soporte de código En la esquina superior derecha. Esto trae una Ventana con código CSS que puedes copiar / pegar en tus hojas de estilo.

Blend es una herramienta gratuita creada por el diseñador de Nueva York Colin Keany. Es también alojado en su sitio, aunque no veo un enlace a GitHub ni a ningún código fuente gratuito en ninguna parte. Pero el escribio Un caso de estudio Detallando su proceso creando Blend con todas sus útiles funciones..

Desafortunadamente, la versión actual No soporta más de dos colores.. Pero estoy cruzando los dedos para opciones de múltiples colores en el futuro..

Dado que no puede descargar una copia local, recomiendo marcar Blend para su uso futuro. Es la manera perfecta de gradientes de prueba sin editar repetidamente tu hoja de estilo.

Y, si desea compartir sus ideas o simplemente agradecer por esta herramienta de gradiente, puede twittear a Colin @colinkeany.