Meniu SVG Hamburger - CSS-Tricks

Anonim

Trei dungi ar trebui să fie un lucru atât de ușor de desenat. Iată o serie de modalități diferite de a face acest lucru pe web. Acestea fiind spuse, SVG este cu siguranță cel mai frumos mod de a face față acestuia. Un meniu hamburger este atât de simplu încât îl putem desena manual în SVG.

Trei dreptunghiuri, distribuite uniform:

 

Simțiți-vă liber să jucați cu aceste numere pentru a obține dimensiunea și stilul care vă place.

Ceva minunat pe care s-ar putea să nu-l știi? SVG are colțuri rotunjite, la fel ca CSS border-radius! Se prezintă sub forma rxatributului. Verifică:

Acest lucru ar putea funcționa mai bine pentru designul dvs. dacă designul dvs. este mai moale și folosește lucruri rotunjite.