gradiente en la imagen ejemplo de código css

Hola usuario de nuestra web, descubrimos la respuesta a tu búsqueda, desplázate y la hallarás a continuación.

Ejemplo 1: degradado sobre imagen css

#linear-gradient-over-imagebackground-image:linear-gradient(to bottom,black,white),url('images/background.jpg');background-size: cover;

Ejemplo 2: fondo con imagen y degradado

bodybackground:#eb01a5;background-image:url("IMAGE_URL");/* fallback */background-image:url("IMAGE_URL"),linear-gradient(#eb01a5,#d13531);/* W3C */

Ejemplo 3: imagen de fondo css de degradado lineal

background-image:url("IMAGE_URL"),linear-gradient(#eb01a5,#d13531);

Ejemplo 4: imagen degradada css

#show_bg_2background-image:/*two color gradient over an image*/linear-gradient(to bottom,rgba(245,246,252,0.52),rgba(117,19,93,0.73)),url('images/background.jpg');width:80%;height:400px;background-size: cover;

Ejemplo 5: degradado lineal css

#gradbackground-image:linear-gradient(to right,#f1b1b1,#82e6e8);

Ejemplo 6: gradiente lineal horizontal css

background:linear-gradient(to left,red,blue);

Comentarios y puntuaciones del tutorial

Te invitamos a asistir nuestro análisis fijando un comentario o dejando una puntuación te estamos eternamente agradecidos.

---

---

Utiliza Nuestro Buscador