Kolay Animasyonlu Hamburger Menü Yapımı

Responsive web sitelerinde hamburger menü artık baya kullanılmaya başlandı. Birde bunların animasyonluları çıktı ki gayet lezzetli oldular. Animasyonlu mobil menü yapmak için zaman harcayan arkadaşlar için küçük bir js dosyası oluşturdum ihtiyacı olan arkadaşlar direk çalabilir.

kullanımı gayet kolay js dosyasını projemize import edip bir wbmicon id’sine sahip bir div oluşturuyoruz ve bu divin içine 3 tane boş span atıyoruz hepsi bu. Spanların renklerini background değerini importantlayarak değiştirebilirsiniz. 🙂

js url:

https://alicanatas.com/libs/wbicon.js

Demo:

See the Pen BpEzPq by Ali (@alicanatas) on CodePen.