Menu SVG Hamburger - Trik CSS

Anonim

Tiga garis harus menjadi hal yang mudah untuk digambar. Berikut beberapa cara berbeda untuk melakukannya di web. Meskipun demikian, SVG jelas merupakan cara terbaik untuk menanganinya. Menu hamburger sangat sederhana sehingga kita bisa menggambarnya dengan tangan di SVG.

Tiga persegi panjang, didistribusikan secara merata:

 

Jangan ragu untuk mengutak-atik angka-angka itu untuk mendapatkan ukuran dan gaya yang Anda suka.

Sesuatu yang luar biasa yang mungkin tidak Anda ketahui? SVG memiliki sudut yang membulat, seperti halnya CSS border-radius! Itu datang dalam bentuk rxatribut. Saksikan berikut ini:

Itu mungkin bekerja lebih baik untuk desain Anda jika desain Anda lebih lembut dan menggunakan benda-benda bulat.