¿Es posible combinar una imagen de fondo y gradientes en CSS3?
combinar imagen de fondo + grad
Iniciado por
Lucia Gutierrez
, jul 22 2014 06:18
#1 AUTOR PREGUNTA
Esto también te interesa!
#2
Publicado 22 julio 2014 - 21: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 */
#3 AUTOR PREGUNTA
Publicado 23 julio 2014 - 01:10
Gracias George muy bueno tu ejemplo