3D vertical navigation

By

Yine mükemmel  ötesi  bir çalışma ile karşınızdayız. Stil dosyalarındaki çalışmalar ile her geçen sene daha değişik örnekler  çıkaran kişiler zaman zaman düşüncelerini ve bilgilerini zorlayarak çok acayip işler başarabiliyorlar.

Bahsettiklerim bu örnek için değil aslında. Bir  önceki yazımız ve benzerleri hakkındaydı.  İlk bakışta çok zor ve karmaşık gibi  görünse de aslında oldukça basit  bir örnek ve orjinali 45 derece eğik bir konumdaydı. Birkaç ufak değişiklik yaparak dikey olarak kullanılabilir  hale getirdim. Sitenizin üst kısmında kullanmak için biraz daha değişiklik yapmanız gerek ama yan taraflarda kullanmak istiyorsanız pek bir değişiklik yapmanıza gerek yok. Olduğu gibi sitenize yerleştirebilirsiniz.

Bu örneğimiz tamamen Css kullanılarak yapılmış. En önemli özellikleri de rotate, skew  ve transform kullanılması ayrıca örnekte kullanılan renkler de çok güzel görünüyor. Turuncu, beyaz, siyah ve açık gri tonlarının birleşiminden oluşmuş.

Dört köşeli butonlardaki küçük ikonlar da resim değil ikonik fontlar kullanılarak yapılmış. FontAwesome (yeni sekmede açılır) sayfasından kendi siteniz için uygun ikonları seçip bu örneğe kolayca ekleyebilirsiniz.

Tek yapmanız gereke

  •  arasındaki

    İkon ve reset.css adresleri:

     

    Stil dosyası:

    Html:

     

    1 Star2 Stars3 Stars4 Stars5 Stars (7 votes, average: 4.86 out of 5)
    Loading...


    Leave a Comment

    Your email address will not be published.

    You may also like

    Trend

    Hot News