SVG Hamburger menü - CSS-trükkök

Anonim

Három csíkot olyan könnyű megrajzolni. Itt van egy csomó különböző módja annak, hogy ezt az interneten megtehesse. Ennek ellenére az SVG mindenképpen a legszebb módszer a kezelésére. A hamburger menü annyira egyszerű, hogy kézzel megrajzolhatjuk az SVG-ben.

Három téglalap, egyenletesen elosztva:

 

Nyugodtan babráljon ezekkel a számokkal, hogy megszerezze a tetszés szerinti méretet és stílust.

Valami fantasztikus, amit nem tudhat? Az SVG lekerekített sarkokkal rendelkezik, akárcsak a CSS border-radius! Ez az rxattribútum formájában jelenik meg . Nézd meg:

Ez jobban működhet a tervezésénél, ha a dizájn lágyabb és lekerekített dolgokat használ.