[Css]Mudar de imagem ao passar o mouse!

Tem gente pra :haha1: pedindo pra eu fazer este tutorial, então pronto, estou fazendo. Noobs

1°- Noção miníma de CSS:
Como vocês sabem todas as propriedades de CSS, devem-se encaixar entre as colchetes ({ }).
Deste jeito:

Elemento {
propriedades
}

Azul → Aqui fica o elemento:
Para colocar o elemento denominado pela id coloque: #Id do elemento.
Para colocar o elemento denominado pela class coloque: .Class do Elemento
Vermelho → Aqui fica as propriedades da CSS!

2°- Começando o efeito:
Irei disponibilizar o código aqui:

img[src="X"]:hover {
background-image: url(Y);
}

X → Coloque aqui a URL da imagem que desejas que SEJA alterada.
Y → Coloque aqui a URL da nova imagem, que será exibida ao o mouse passar acima!

---

Pode:
Colocar mais propriedades.

Não pode:
Inserir funções além de CSS!

Créditos:
Bom! Que eu saiba igual á este tutorial não existe no mundo!
100% - Eu(Raff)

Ótimo Tutorial
Rápido e Prático

Ja sabia, mais obrigado por relembrar o code ;)

Obrigado por me lembrar do código Raff :)
Ótimo tutorial, mas no mundo já deve existir um sim!

Eu sei, mas idêntico á este não!