WEB DİZAYN

CSS3 Animasyonlu Menü

CSS3 Javascript ile birlikte çok özel işler yapmak mümkün sıra ile bunları yazmaya çalışacağım.Aşağıdaki kodu head kısmına eklemeniz gerekmektedir.


< link rel="stylesheet" href="assets/css/styles.css" />
< link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster" />


Aşağıdaki kodu da body kısmına eklemeniz yeterli olacaktır. Boyutlarını değiştirmek istiyorsanız. CSS dosyasını değiştirmek yeterli olacaktır.

< header>

< h1>CSS3 ile Animasyonlu Menü< /h1>
< h2>Tarafımdan Düzenlenmiştir< /h2>
< /header>

< nav>
< ul class="fancyNav">
< li id="home">< a href="#Anasayfa" class="homeIcon">Anasayfa< /a>< /li>
< li id="news">< a href="#Haberler">Haberler< /a>< /li>
< li id="about">< a href="#Hakkımda">Hakkımda< /a>< /li>
< li id="services">< a href="#Servis">Servis< /a>< /li>
< li id="contact">< a href="#Iletişim">Iletişim< /a>< /li>
< /ul>
< /nav>

< footer>En iyi Firefox 4 çalışır ,diğerleri browser webKitlerine bağlı olarak çalışır.< b>Orjinali: Tutorialzine.com< /b>< /footer>