Bu makalede, web siteniz için Html ve Css kullanarak animasyonlu geçiş efekti ile bir sidebar menünün (Yana Açılan Menü) nasıl yapıldığını anlatmaya çalışacağım.
Yapacağımız sidebar menüyü javascript kullanmadan sadece Html ve Css kullanarak yapacağız.
Bu menü, üzerine gelme efektlerine sahip olacak ve hamburger menüye tıklandığında menümüz geçiş efekti ile sağa doğru kayarak görüntülenecektir.
Menü elemanları üzerine gelindiğinde, menü elemanları renk değiştirerek sağa doğru kayarak görüntülenmektedir. Tekrar hamburger menüye tıklandığında sidebar menümüz geri çekilerek kapanış işlemi gerçekleşmektedir.
Codepen de ki görüntümüz aşağıda ki şekildedir.
See the Pen HTML ve CSS İle Sidebar Menü Yapma (Yana Açılan Menü ) by cahit soyman (@csoyman) on CodePen.
Anlatımın bundan sonra ki devamını aşağıda ki videodan veya youtube kanalımdan takip edebilirsiniz.
1 Comments
Tam aradığım konuydu. Ağzına sağlık.
YanıtlaSilYorum Gönder