CSS3 Transition ile Animasyonlu Menü Yapımı

Bu dersimizde herkesin ilgisini çekebilecek tarzda jquery kütüphanesi ve kodları ile uğraşmadan css3 "translation" fonksiyonu ile animasyonlu menü yapacağız.

Css kodunda da inceleyeceğiniz üzere "-moz-transition: all 0.3s ease-out" değeri aşağıdaki sonucu çıkarıyor.

Ön izleme :

CSS İle Menü Örneği

Css ile bir menü örneğini sizinle paylaşmak istedim, eğer css ilk başlıyorsanız html ve css editör yardımı ile bilgilerinizi pekiştirebilirsiniz.  
Hover için neden pembe kullanmış diye takılmayın pembe rengini sevmem ama hoş durdu ;) Ön izleme için "Result" a tıklayınız.