Mezcle sus propios degradados de CSS con esta aplicación web gratuita

Cada diseñador web debe saber acerca de los degradados de CSS3 . Han existido durante años y son ampliamente compatibles con todos los principales navegadores.

Y ahora, las aplicaciones web gratuitas como Blend le permiten crear gradientes CSS3 sobre la marcha con editores visuales en el navegador . Puede elegir entre degradados lineales y radiales mientras retoca con los colores para mezclar.

La página inicial se carga con dos colores sólidos en cada lado. Puede usar la paleta de colores para cambiar entre tonos o ingresar un código HEX manual si conoce el color que desea. Una vez que tienes dos colores que te gustan, haz clic en el botón "Mezclar" en el centro.

Ambos colores se combinan en un degradado CSS3 con opciones editables cerca de la parte superior de la página. Puede elegir entre degradados lineales y degradados radiales, y si está utilizando el estilo lineal, puede arrastrar la ubicación central a lo largo de la página.

Además, mientras está en el modo de fusión, puede volver a cambiar los colores en la parte inferior. Es como el generador de gradientes CSS3 sin código perfecto que todo diseñador necesita.

Una vez que tenga dos colores que le gusten, puede hacer clic en el icono del paréntesis del código en la esquina superior derecha. Esto abre 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 NYC Colin Keany. También está alojado en su sitio, aunque no veo ningún enlace a GitHub ni a ningún código fuente gratuito en ninguna parte. Pero sí escribió un caso de estudio que detalla su proceso de creación de mezcla con todas sus funciones útiles.

Lamentablemente, la versión actual no es compatible con más de dos colores . Pero estoy cruzando los dedos para obtener opciones de varios colores en el futuro.

Como no puede descargar una copia local, le recomiendo agregar Blend para usarla en el futuro. Es la forma perfecta de probar degradados sin editar repetidamente su hoja de estilo.

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