cómo aplicar degradado en la imagen en el ejemplo de código CSS

Esta duda se puede abordar de diferentes formas, pero en este caso te dejamos la resolución más completa para nosotros.

Ejemplo 1: gradiente 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: CSS de imagen de degradado

#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 4: imagen de fondo css de degradado lineal

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

Ejemplo 5: imagen de fondo con CSS degradado

.background_imgbackground-image:linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.2)),url(../Image/bg.jpg);/* background-image: url(../Image/bg.jpg); */width:100%;height: auto;background-repeat: no-repeat !important;background-size: cover !important;background-position: center !important;

Acuérdate de que tienes la capacidad de explicar si te fue preciso.

---

---

Utiliza Nuestro Buscador