Zmiana tła podczas najechania kursorem

Question

Czy idzie zrobic w CSS tak aby po najechaniu na obrazek (tak jak bo najechaniu na kolor) zmienił się ten obrazek na inny? Coś w tym sylu tylko chodzi mi o obrazek

#logo:hover
{
background-color:#d74e4e;
}

 

Answer 1

Musisz dać ten obrazek jako tło elementu.

#logo {
    background-image: url(link-do-obrazka1);
}

A później stworzyć podobną konstrukcję, tylko z :hover. 

#logo:hover {
    background-image: url(link-do-obrazka2);
}

 

Comments

Niestety po wpisaniu tego nic sie nie wyświetla :c

Czy idzie p[rzeprowadzic poprowadzic podobna operacje tylko w HTML?

---

Nie, nie idzie.

---

Przepraszam zrobiłam drobny błąd w odpowiedzi. Link do obrazka trzeba ująć w cudzysłów.

---

Link do obrazka trzeba ująć w cudzysłów.

Nie, nie trzeba – zobacz mój przykład pod inną z odpowiedzi. 

Answer 2

http://codepen.io/anon/pen/zBjAzN

Comments

Szedłbym raczej w http://codepen.io/Comandeer/pen/NArxgk – dzięki temu mamy przynajmniej sensowną treść alternatywną w razie, gdyby obrazki się nie wczytały.

Answer 3

Zawsze można spróbować tak: https://jsfiddle.net/Comandeer/kdhyxvmt/ – niestety nie działa w lisku (a powinno).