Menu Hamburger SVG - Trik CSS

Anonim

Tiga jalur mestilah mudah dilukis. Berikut adalah pelbagai cara untuk melakukannya di web. Walaupun begitu, SVG pasti merupakan kaedah terbaik untuk menanganinya. Menu hamburger sangat mudah sehingga kami dapat menariknya dengan menggunakan SVG.

Tiga segi empat tepat, sama rata:

 

Jangan ragu-ragu dengan nombor-nombor tersebut untuk mendapatkan ukuran dan gaya yang anda suka.

Sesuatu yang luar biasa yang mungkin anda tidak tahu? SVG mempunyai sudut bulat, seperti CSS border-radius! Ia datang dalam bentuk rxatribut. Lihatlah:

Itu mungkin berfungsi lebih baik untuk reka bentuk anda jika reka bentuk anda lebih lembut dan menggunakan barang bulat.