SVG-hamburgermenu - CSS-trucs

Anonim

Drie strepen zouden zo gemakkelijk moeten zijn om te tekenen. Hier zijn een aantal verschillende manieren om het op internet te doen. Dat gezegd hebbende, SVG is absoluut de beste manier om ermee om te gaan. Een hamburgermenu is zo eenvoudig dat we het met de hand kunnen tekenen in SVG.

Drie rechthoeken, gelijkmatig verdeeld:

 

Voel je vrij om met die cijfers te spelen om de maat en stijl te krijgen die je leuk vindt.

Iets geweldigs dat je misschien niet kent? SVG heeft afgeronde hoeken, net als CSS border-radius! Het komt in de vorm van het rxattribuut. Bekijken:

Dat werkt misschien beter voor uw ontwerp als uw ontwerp zachter is en gebruik maakt van ronde dingen.