Html ve Css İle Yatay Animasyonlu Menü-6 | Bilişim Konuları

Html ve Css İle Yatay Animasyonlu Menü-6

Bu örneğimizde değişik yatay bir menü tasarımı yapacağız. Menümüz bir animasyon ile oluşmaktadır. Fare ile menü elemanlarının üzerine geldiğimizde menünün her iki tarafından merkeze doğru bir animasyon ile renk değişimi meydana gelmektedir. Menünün css ve html kodları aşağıdaki gibidir. Siz kendi isteğinize göre html kodlarını değiştirerek menüyü kendinize göre yeniden düzenleyebilirsiniz. Sayfanın altında bulunan linkten menünün çalışan dosyasını indirerek üzerinde değişiklikler yapabilirsiniz.

Menünün çalışan hali:

Css Kodları:

Html kodları:

Buradan İndirebilirsiniz.

Yorum Yap