SVG Hamburger Menu - CSS-Tricks

Anonim

Trzy paski powinny być łatwe do narysowania. Oto kilka różnych sposobów na zrobienie tego w sieci. To powiedziawszy, SVG jest zdecydowanie najprzyjemniejszym sposobem radzenia sobie z tym. Menu z hamburgerami jest tak proste, że możemy je narysować ręcznie w formacie SVG.

Trzy prostokąty, równomiernie rozłożone:

 

Nie krępuj się bawić tymi liczbami, aby uzyskać rozmiar i styl, który lubisz.

Coś niesamowitego, czego możesz nie wiedzieć? SVG ma zaokrąglone rogi, podobnie jak CSS border-radius! Występuje w formie rxatrybutu. Sprawdź to:

To może działać lepiej dla Twojego projektu, jeśli Twój projekt jest bardziej miękki i zawiera zaokrąglone elementy.