CSS ile Animasyonlu Menü Yapımı

Daha önce şu dersimde jquery ile animasyonlu menü yapımını göstermiştim. Bu dersimde ise bu işlemi CSS ile nasıl yapabileceğimizi göstereceğim sizlere.. Bunun için CSS3 özelliği olan transition özelliğini kullanıyoruz. Yararlı olması dileğiyle..

Demo
http://www.erbilen.net/demo/css-animasyon-menu/index.html

İndir
menu.rar

Yayınlayan

Tayfun Erbilen

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“CSS ile Animasyonlu Menü Yapımı” üzerine 22 yorum

  1. Abi sen bunları ücretsiz veriyorsun, diğer türkçe siteler ücretli üyelik karşılığında bunlara erişim sunuyor. Ücretsiz sunduklarıda senin ki kadar kaliteli içerikler olmuyor.

  2. Abi eline sağlık süper bir ders olmuş artık bu yöntemi kullanacağım 🙂

  3. gerçekten harika bir ders daha helal olsun diyecek bir şey bulamıyorum

  4. css ne kadar ilerlemiş bea yoksa bizim mi gözümüz açılmış bunları css ile yptğımıza göre 😀

  5. çok güzel paylaşımlarınız var teşekkürler hocam

    yalnız bir konuda size sinir oluyom yayımladığın dersleri derli toplu yapmıyorsun yada belli süre sonra siliyon dersleri bulmakta güçlük çekiyoruz.. sizden ricam dersleri silmeyiniz 🙂

  6. Selam erhan,
    Kafam gibi, odam gibi, sitem gibi derslerde dağanık haklısın. Umarım yakın zamanda buna bir çözüm üretebilirim 🙂
    Ve elbette silmeyeye çalışırım, teşekkürler.

  7. merhabalar 2 saat oldu araştırıyorum fakat bir çözüm bulamadım
    2200 pixel genişliğinde photoshop ıle hazırlanmıs bir arkaplan resmi var.
    bu resmi ortalamak istiyorum fakat doğal olarak alt tarafta scrool cıkıyor ortalanmıyor. çözüm önerileriniz nelerdir şimdiden tesekkur ederim..

  8. normal şartlarda şöyle ortalanması gerekir;

    body {
        background: url(resim.jpg) no-repeat top center;
    }
  9. slm tayfun ben abdullah menü çok başarılı elllerıne saglık bir sorum olacak menü ile ilgili ben kendıme göre yaptım ama linklere bastıgım zaman menu kendını tekrar edıyor yanı dönuyor tekrar basınca oluyor bu hata nerde yanlıslık olabılır yardım eder mısn

  10. Adamın dibisin diyorum dahada bir şey demiyorum. Senin gibi herkes paylaşsa, millet olarak bu konularda dahada ileri gidebiliriz. Çok teşekkürler.

  11. selam kolay gelsin. Menü animasyonu ie9’da çalışmıyor. Mouse üzerine gelince sadece renk değişiyor. Atlama olmuyor. Chrome ve mozilla’da ise animasyon sorunsuz çalışıyor.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir