Jak zrobić obrazek , który po najechaniu myszka zmienia kolor ?

Question

Witam !

Głównie chodzi mi o to , że robie strone internetową i chciałybym zrobić napis follow podobny jak na tej stronie co jest w prawym gornym rogu http://www.justinbiebermusic.com/ po najechaniu myszką on zmienia swój kolor , chciałbym coś podobnego zrobić ale czy ktoś wie jak to zrobić w html i css  ?

Answer 1

Wpisz w google Css hover. Zapisując w arkuszu stylu :hover możesz nadać osobne cechy, które wykonają się po najechaniu myszką i wrócą do stanu poprzedniego po zjechaniu :)

Comments

Masz może czas  i chcesz zrobić dla mnie ten kod ?

---

Nawet lepiej - nauczę Cię go robić, zamiast robić go za Ciebie.

Wpisując w google "css hover" otwieram pierwszy wynik (w3schools).

Jest tam przykład:

a:hover {
    background-color: yellow;
}

 

w miejsce "a" wpisujesz co stylujesz. Czyli np, jeśli w HTML'u masz <p id="tekst"> przykładowa treść </p>

To tu wpiszesz #tekst:hover{

}

 

Wewnątrz klamerek co chcesz, aby się zmieniło. Jaśniej się nie da :)

---

Dziękuje :D udało się mistrzu :D

Answer 2

A jeśli przy :hover chcesz manipulować bezpośrednio obrazkiem, to możesz użyć

https://developer.mozilla.org/en-US/docs/Web/CSS/filter