Ciekawe menu w CSS.

Question

Cześć, mam do zrobienia pewne menu składające się z dwóch elementów. Tak ono wygląda:

I jest taki zamiar gdy najadę na np. 'O NAS' cały element przesunie się do prawej strony tak że zniknie 'OFERTA' i 'O NAS' będzie na środku.. i ta czerwona kreska też się schowa po najechaniu.

Czyli najeżdżam na O NAS po czym przesuwa się cały obrazek do prawej, i zajmuje 100% menu, napis się wyśrodkowuje, a OFERTA się chowa.

I tu pytanie macie jakieś pomysły jak to mogę zrobić?  Z góry dzięki!

Comments

Najlepiej flexem i transitionem to ograć. A napis automatycznie będzie się środkował.

---

Dobra już sobie poradziłem, ale i tak @ShiroUmizake dzięki za komentarz ;)

---

Tak dla ciekawostki to polecam popatrzeć na właściwość clip-path, może się przydać jeśli masz takie nietypowe kształty.

---

Nie słyszałem o tej właściwości, na pewno więcej o tym poczytam, dzięki :)