Lavalamp benzeri bir tasarım

Sürekli  sitemizi  takip edenler  okumuştur  mutlaka. jQuery Lavalamp  Menu  adında  menüler üzerinde  mouseyi animasyonlu olarak takip eden saydam  bir nesne  eklemeye  yarayan bir jQuery eklentisiydi. Css3 Lavalamp menü  örneği aynı  şekilde  çalışan PeHaa Hetman tarafından hazırlanmış bir menü örneği. İlk başta  lavalamp  menü  eklentisi  kullanılarak hazırlanmış normal bir üst menü  örneği  sanmıştım ama  menüde  en ufak bir javascript kod kullanılmamış.

Üç  farklı  demodan oluşan menü  örneklerinde mouseyi takip  eden sade kırmızı  çizgi, kırmızı çizgi üzerinde  hareket  eden kırmızı  bir nokta ve kalp iconarının içinden geçen  bir ok  animasyonu  bulunuyor.  PeHaa Hetman kendisine  göre  aklına  gelen bir kaç tane  örnek hazırlamış. Sizlerde  aynı Css3  kodları kullanarak  farklı  farklı  üst  menü örnekleri  hazırlayabilirsiniz  kendinize  göre. Yadaolduğu  gibi de  kullanabilirsiniz. Kırmızı  çizgi  üzerinde  hareket  eden kırmızı  nokta bana  göre  favori  görünüyor. Source butonunda download adresine ve aşama aşama menü örneğinin hazırlanışının nasıl yapıldığını öğrenebilirsiniz.