Kullanışlı bir portfolyo tasarımı

0
383
Görüntülenme

hover

Aslında tam olarak portfolyo amaçlı yapılmış olmasa da onun için de kullanılabilir bir örnek. Eski tarayıcılarda mouse üzerine geldiğinde resimlerin kararmasını sağlayan bir çalışma bu. Daha doğrusu resimleri kararmış gibi gösteriyor. Tek bir resim dosyasına biri siyah beyaz ve diğeri de renkli olan iki resim eklenmiş. Ana ekranda renkli olan resim görüntülenir ve mouse üzerine gelince fade efekti ile siyah beyaz olan resme geçiş yapılır.  Günümüzde buna benzer çalışmaları yapabilmek için bu tarz sprite teknikleri uygulamaya gerek olmasa da grey-scale yani karartma  efekti verme özelliği henüz bütün tarayıcılar üzerinden desteklenmiyor. Bu yüzden bu tarz çalışmalar kullanmak sizin için daha faydalı olur. Denemedim ama sanırım IE6 ve üstü olan tarayıcılar üzerinde sorunsuz şekilde çalışabiliyor. Portfolyo haricinde kendi kişisel sitenizde kategorilerin anasayfasında kullanmak için oldukça iyi görünen bir çalışma bana göre.
Kullanım

  • Head etiketleri  arasına eklemeniz  gereken bölümler.

Js  adresi : 

JavaScript : 

Stil : 

  •  Body  etiketleri arasına eklemeniz gereken bölüm.


Html : 

 

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.