Animowane menu - css?


(Łukasz14) #1

Witam! Chciałbym się dowiedzieć jak dokładnie zrobić takie menu jak jest na tej stronie: http://ionic.pl/ , chodzi mi dokładnie o ten czerwony button przesuwający się wraz z myszką na wybrany odnośnik. Z góry dziękuję za odpowiedź.


(mawej) #2

To zrobisz używając JavaScript i CSS. W evencie onmouseover pobierasz pozycję kursora i odpowiednio nadajesz style elementowi. W tym wypadku jest coś takiego:

Polecam FireBug do przeglądania kodu. Zobacz sobie dokładniej jak to wygląda w CSS i jak w JS.

EDIT:

W tym wypadku zastosowano to http://devthought.com/blog/projects-new ... ancy-menu/


(Zbyszekborkowski) #3

Ja polecę stronę, na której jest artykuł o tym jak wykonać animowane menu w CSS (tylko w CSS). Z braku czasu nie wczytywałem się w to, nie wiem jak działa, ale może Was zaciekawi :wink:.


(Łukasz14) #4

absens , tak dokładnie to jest to, dzięki wielkie :slight_smile: