Меню на SVG Hamburger - CSS-трикове

Anonim

Три ивици трябва да бъдат толкова лесно нещо за рисуване. Ето куп различни начини да го направите в мрежата. Въпреки това SVG определено е най-добрият начин да се справите с него. Менюто за хамбургер е толкова просто, че можем да го нарисуваме на ръка в SVG.

Три правоъгълника, разпределени равномерно:

 

Чувствайте се свободни да се занимавате с тези номера, за да получите размера и стила, който харесвате.

Нещо страхотно, което може би не знаете? SVG има заоблени ъгли, точно както CSS има border-radius! Той се предлага под формата на rxатрибут. Виж това:

Това може да работи по-добре за вашия дизайн, ако дизайнът ви е по-мек и използва заоблени неща.