por ejemplo si tengo
Código HTML:
<article>
<div>TEXTO 1</div>
</article>
<article> tiene una imagen puesta desde css
<div> tiene texto
lo que quiero hacer es que al estar en "article" le de opacity a la imagen pero sin afectar a las letras que estan en el "div" se que por logica todo lo que afecta al padre el hijo lo hereda, pero no se capaz hay alguna forma, en si lo que estoy tratando de imitar es el efecto de la siguiente pagina.
http://www.hellolove.tv/
al hacer hover en la imagen esta se vuelve negra pero el texto no.
gracias por la ayuda que me puedan brindar