Bu makalemizde resim yazılarını göstermek ve gizlemek için Css3 ün Transition özelliğinden faydalanarak resim üzerinde çeşitli efektler uygulayacağız.
Birinci efekt; fare ile resim üzerine gelindiğinde, resim bir efektle üsten yukarı doğru çıkarak resim hakkında ki bilgileri içeren sayfayı gösterir.
İkinci efekt; fare ile resim üzerine gelindiğinde, resim bir efektle üst sağdan yukarı doğru kayarak resim hakkında ki bilgileri içeren sayfayı gösterir.
Üçüncü efekt; fare ile resim üzerine gelindiğinde, resim bir efektle yatay olarak sağa doğru kayarak resim hakkında ki bilgileri içeren sayfayı gösterir.
Dördüncü ve son efekte ise; fare ile resim üzerine gelindiğinde, resim bir efektle belli bir piksel aşağı kayarak resim hakkındaki bilgileri içeren sayfayı gösterir.
Şimdi bu efektleri birer birer yapalım.
Kaynak Kodları: İNDİR
Anlatımı görsel olarak aşağıdaki videodan takip edebilirsiniz.
0 Comments
Yorum Gönder