Cargando

Ir a contenido

X

combinar imagen de fondo + grad





  AUTOR PREGUNTA

Publicado 22 julio 2014 - 05:18
¿Es posible combinar una imagen de fondo y gradientes en CSS3?
  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba


 

Publicado 22 julio 2014 - 20:04
Sí, si es posible, te dejo el siguiente ejemplo con la referencia a distintos navegadores:

background: #6cab26;
background-image: url(IMAGE_URL);
background-image: url(IMAGE_URL), -webkit-linear-gradient(top, #6cab26, #6ceb86); /* Para Chrome, Safari */
background-image: url(IMAGE_URL), -moz-linear-gradient(top, #6cab26, #6ceb86); /* Para Firefox*/
background-image: url(IMAGE_URL), -ms-linear-gradient(top, #6cab26, #6ceb86); /* para IE10 */
background-image: url(IMAGE_URL),  -o-linear-gradient(top, #6cab26, #6ceb86); /* para Opera */
background-image: url(IMAGE_URL), 	linear-gradient(top, #6cab26, #6ceb86); /* W3C */


   AUTOR PREGUNTA

Publicado 23 julio 2014 - 00:10
Gracias George muy bueno tu ejemplo


X