Meni SVG Hamburger - CSS-triki

Anonim

Tri črte bi morale biti tako enostavno risati. Tukaj je veliko različnih načinov, kako to storiti v spletu. Kljub temu je SVG zagotovo najlepši način za to. Meni hamburgerja je tako preprost, da ga lahko v SVG narišemo ročno.

Trije pravokotniki, enakomerno porazdeljeni:

 

Lahko se poigrate s temi številkami, da dobite velikost in slog, ki vam je všeč.

Nekaj ​​čudovitega, česar morda ne bi vedeli? SVG ima zaobljene vogale, tako kot CSS border-radius! Na voljo je v obliki rxatributa. Preverite:

To bi morda bolje delovalo za vaš dizajn, če je vaš dizajn mehkejši in uporablja zaobljene stvari.