Jest to cały zestaw nawigacji w stylu minimalistycznym o bardzo ciekawym działaniu. We wszystkich przykładach głównym elementem nadającym „to coś” jest obramowanie pozycji menu, które zostało poddane wszelakim animowanym efektom.

Mamy do dyspozycji:

  • Menu z animowanym dolnym obramowaniem, węższym niż sama pozycja menu
  • Menu z górnym oraz dolnym obramowaniem o szerokości pozycji menu
  • Menu grubszym obramowaniem, dolnym na szerokość pozycji menu
  • Menu z obramowaniem całkowitym, animowanym od dwóch stron, wokół pozycji menu
  • Menu z grubszym obramowaniem, wokół pozycji menu
  • Menu z obramowaniem wokół pozycji menu z animacją zaczynającą się od prawej strony
  • Menu z obramowaniem wokół pozycji menu z animacją zaczynającą się od każdego z boków
  • Menu z obramowaniem dolnym, animacja z grubego obramowania przechodzi w cienkie
  • Menu z dolnym obramowaniem, po kliknięciu obramowanie ma kształt fali po to aby zaraz wyprostować się – ciekawy efekt.
  • Menu z dolnym obramowanie, animacji zostaje poddana także pozycja menu
  • Menu z dolnym obramowanie, animacji zostaje poddana także pozycja menu przesuwająca się w prawo
  • i jeszcze wiele innych wersji

Dodatek jest responsywny, dobrze wygląda na urządzeniach mobilnych.

Demo: http://tympanus.net/Development/LineMenuStyles/

Download: http://tympanus.net/codrops/2016/01/06/inspiration-for-line-menu-styles/

 

 

 

 

 

UDOSTĘPNIJ
Następny artykułPolaroid Photobar Gallery

ZOSTAW ODPOWIEDŹ