Hamburger Menü Nedir ?

Web sitenizde hamburger menü (yan gezinme) eklemek, gelişmiş bir kullanıcı deneyimi (UX) sunmanıza olanak tanır ve kullanıcıların web sitenizi dolaşmasını kolaylaştırır. Hamburger menü ayrıca, temiz ve modern bir tasarım korurken, sosyal paylaşım ve web sitesi navigasyonunuzda arama gibi daha fazla içerik ve işlevsellik eklemenizi sağlar.

Gelin kodlarına beraber bakalım.

HTML

Burada gerekli ikon kütüphanesini ve CSS, JavaScript dosyaları birbirleriyle ilişkilendirdik. Daha sonrasında menümüzün iskeletini oluşturduk.

CSS

Oluşturmuş olduğumuz iskeletin görünümünü ve mobil uyumlu olması için gerekli kodları yazıyoruz.

JavaScript

Mobil görüntüye geçtiğindeki animasyonu yapıyoruz.

Github üzerinden kodları incelemek için linke tıklayın.