Eu gostaria de criar uma div
, contendo um bloco de texto e uma imagem, e a imagem precisa tampar o texto, ao passar o mouse na imagem, imagem tornara semi transparente, mostrando assim o texto que esta embaixo dele
Algo do tipo
<div>
<span>Meu texto de exemplo aqui</span>
<img src='www.imagem.com.br/imagem123.jpg' alt="" />
</div>
Como eu faria isso em css
?