W wielu witrynach, takich jak http://www.clearleft.com , zauważysz, że po najechaniu kursorem na linki zmienią kolor w przeciwieństwie do natychmiastowego przełączenia, co jest domyślną czynnością.
Zakładam, że do stworzenia tego efektu używany jest JavaScript, czy ktoś wie jak?
Odpowiedzi:
W dzisiejszych czasach ludzie używają tylko przejść CSS3, ponieważ jest to o wiele łatwiejsze niż majstrowanie przy JS , obsługa przeglądarek jest dość dobra i jest tylko kosmetyczna, więc nie ma znaczenia, czy nie działa.
Coś takiego wykonuje swoją pracę:
Możesz również przenosić określone właściwości CSS z różnymi czasami i funkcjami ułatwiającymi, oddzielając każdą deklarację przecinkiem, na przykład:
Demo tutaj
źródło
Wiem, że w pytaniu piszesz: „Zakładam, że JavaScript jest używany do stworzenia tego efektu”, ale CSS może być również użyty, przykład jest poniżej.
CSS
HTML
A oto JSFIDDLE dla powyższego kodu!
Marcel w jednej z odpowiedzi wskazuje, że możesz „przenosić wiele właściwości CSS”, możesz też użyć opcji „wszystkie”, aby nadać elementowi wszystkie style: hover, jak poniżej.
CSS
HTML
A oto JSFIDDLE dla przykładu „wszystko”!
źródło
Możesz to zrobić za pomocą JQueryUI:
http://jsfiddle.net/dWCbk/
źródło
Spróbuj tego w swoim css:
źródło