3 Excelentes paginas para utilizar gradients en tu proyecto

· 1 min de lectura
3 Excelentes paginas para utilizar gradients en tu proyecto

El uso de los gradients está ampliamente extendido en el desarrollo web. En esta oportunidad comparto tres de mis sitios favoritos para generar gradientes.

Webgradients

WebGradients Generador de gradients

Tiene una completa colección como mínimo de 180 gradientes que podemos emplear en nuestros proyectos. De esta forma solo tenemos que buscar estilos hasta encontrar el que mas se adapte a nuestra necesidad. WebGradients nos permite copiar el código CSS, descargar en formato PNG y también tiene plugins para Sketch & Photoshop.

Blend

Blend excelente pagina para gradients

Blend es una de las opciones mas interesantes que se puede encontrar. La herramienta nos permite elegir dos colores distintos a la hora de crear nuestro propio gradient. Cuando tenemos nuestros colores adecuados solo tenemos que dar click en el botón "Let’s bend" para comprar el resultado del gradient. Una de sus mejores ventajas es que podemos descargar en CSS.

uiGradients

Uigradients Una coleccion de gradients

Es similar a Webgradients con una colección de 225 gradients solo tenemos que seleccionar el que mas se adapte a nuestras necesidades luego dar click en el botón "Get CSS Code (Enter)" para que se genere el CSS.


Artículo anterior

Juega Ms. Pac-Man por las calles de tu ciudad en Google Maps

Google ha marcado el Día de los Inocentes 2017 trayendo Ms Pac-Man a su aplicación Mapas. > A partir de este momento ya es posible jugar

Artículo siguiente

Dos motores de búsqueda para proteger tu privacidad

Según que transcurren los días crece mas la preocupación por la privacidad en Internet, si deseas que tu actividad no sea rastreada a través de

Artículos Relacionados

Como obtener al padre de un elemento con vanilla JS

Como obtener al padre de un elemento con vanilla JS

· 1 min de lectura
Cómo abrir una imagen WebP en Photoshop

Cómo abrir una imagen WebP en Photoshop

· 1 min de lectura
Cómo utilizar window.confirm()

Cómo utilizar window.confirm()

· 1 min de lectura
SVG generadores de patrones

SVG generadores de patrones

· 1 min de lectura
Como detectar un elemento sticky cuando se queda fijo

Como detectar un elemento sticky cuando se queda fijo

· 1 min de lectura
Video responsive de YouTube y Vimeo con HTML y CSS

Video responsive de YouTube y Vimeo con HTML y CSS

· 1 min de lectura