SVG Hamburger Menu - CSS-triks

Anonim

Tre striper skal være så enkle å tegne. Her er en rekke forskjellige måter å gjøre det på nettet. Når det er sagt, er SVG definitivt den fineste måten å håndtere det på. En hamburgermeny er så enkel at vi kan tegne den for hånd i SVG.

Tre rektangler, jevnt fordelt:

 

Du kan gjerne fikle med disse tallene for å få størrelsen og stilen du liker.

Noe fantastisk du kanskje ikke vet? SVG har avrundede hjørner, akkurat som CSS har border-radius! Den kommer i form av rxattributtet. Sjekk det ut:

Det kan fungere bedre for designet ditt hvis designet ditt er mykere og bruker avrundede ting.