SVG Hamburger ēdienkarte - CSS-triki

Anonim

Trīm svītrām vajadzētu būt tik viegli izdarīt. Šeit ir virkne dažādu veidu, kā to izdarīt tīmeklī. Tas nozīmē, ka SVG noteikti ir jaukākais veids, kā ar to rīkoties. Hamburgeru ēdienkarte ir tik vienkārša, ka mēs to varam uzzīmēt ar roku SVG.

Trīs taisnstūri, vienmērīgi sadalīti:

 

Jūtieties brīvi jocīgi ar šiem skaitļiem, lai iegūtu sev tīkamo izmēru un stilu.

Kaut kas lielisks, ko jūs, iespējams, nezināt? SVG ir noapaļoti stūri, tāpat kā CSS border-radius! Tas nāk kā rxatribūts. Pārbaudiet to:

Tas varētu būt labāk piemērots jūsu dizainam, ja jūsu dizains ir maigāks un tajā tiek izmantoti noapaļoti materiāli.