Rotate 180deg CSS

Question

Co zrobić aby przyciski menu po obrocie miały czytelny napis? Bo ten Jest odwróconny.

Podaję kod CSS: http://codepen.io/theviruspl/pen/oxMwpd

Comments

https://css-tricks.com/snippets/css/text-rotation/

---

Nie bardzo rozumiem

Answer 1

Bałagan w CSSsie masz straszny (w HTMLu też), kręcące się linki działają fatalnie, a ja jeszcze daje gotowca...

OK. Wywaliłem naście transition-duration, które się tylko niepotrzebnie nadpisywały. Dodałem obracanie całych li + obracanie tekstu. 2x obracanie tekstu w tym samym czasie.. powoduje, że nie występuje odbicie lustrzane.

http://codepen.io/Argeento/pen/pyZdVb

Żeby te przyciski nie 'skakały' w trakcie hoveru, trzeba by je wsadzić w jeszcze jednego diva, a to tylko pogorszy kod, zarówno CSSa jak i HTMLa.

Naprawdę.. polecam porzucić pomysł przekręcających się elementów w menu.

 

Comments

OK, dziękuję

---

ale mam pytanie:

Co znaczy ten kod: nav ul > li:not(:nth-child(4)):hover{?

---

Oznacz to że tylko dla 4 elementu listy menu

https://css-tricks.com/useful-nth-child-recipies/