Menu Hamburger SVG - Trucchi CSS

Anonim

Tre strisce dovrebbero essere una cosa così facile da disegnare. Ecco un sacco di modi diversi per farlo sul Web. Detto questo, SVG è sicuramente il modo più carino per gestirlo. Un menu di hamburger è così semplice che possiamo disegnarlo a mano in SVG.

Tre rettangoli, distribuiti uniformemente:

 

Sentiti libero di giocherellare con quei numeri per ottenere le dimensioni e lo stile che ti piacciono.

Qualcosa di fantastico che potresti non sapere? SVG ha angoli arrotondati, proprio come i CSS border-radius! Si presenta sotto forma di rxattributo. Controlla:

Ciò potrebbe funzionare meglio per il tuo design se il tuo design è più morbido e utilizza elementi arrotondati.