Gradientes en CSS a partir de una imagen

Como generar fácilmente un degradado—en CSS3—a partir de una imagen

Codear un gradiente complejo en CSS3 no es sencillo, y menos aún si toma como punto de partida e inspiración una imagen.

No obstante, con una herramienta adecuada como Gradient Scanner la cosa se pone bien sencilla.

Gradient Scanner es un aplicación Web íntegramente escrita en Javascript que nos permite subir una imagen y seleccionar luego un área de reproducción para que mediante técnicas de CSS pueda reproducirse el mismo resultado que el área angosta seleccionada.

[youtube XafYlc5Kps0 620 380]

El CSS generado es compatible con todos los navegadores modernos.

Sitio Web | Gradient Scanner

About Daniel Ulczyk

Soy consultor SEO, analista de Accesibilidad Web y un Webmaster independiente que desarrolla sus actividades en Buenos Aires, Argentina. Me apasiona el diseño Web, escribir contenidos en diversas plataformas y participar en redes sociales. Si necesitás contactarme para contar con mi asesoramiento y servicios utilizá, por favor, cualquiera de los siguientes medios de contacto. Muchas gracias por visitar mi sitio Web 😉

• Gutenberg: el próximo editor de WordPress - 18 de junio de 2017
• Emprendedores y PyMEs - 17 de mayo de 2017
• Corte Club - 18 de marzo de 2017
• Lo que hay que hacer luego de instalar WordPress - 13 de febrero de 2017
• Cómo automatizar tareas luego de instalar WordPress - 18 de enero de 2017