CoverFlow

0
322
views

coverflow

Hjörtur Elvar Hilmarsson tarafından JavaScript ve Css3 kullanılarak hazırlanmış bir slayt galeri örneği. Css3 rotate ve translate nesnelerinden yararlanarak  hazırladığı bu örnek modernizer kütüphanesi ile beraber çalışıyor. Modernizer dışında herhangi bir javascript kütüphanesi kullanılmamış. Hem klavye sağ-sol tuşları yardımıyla hemde mouseyi kullanarak resimler arası geçiş yapabilirsiniz.  En ortada  duran resim dümdüz  görünüyor, sağ ve solda kalan resimler ise  yan şekilde duruyor. Ayrıca resmin yansımasıda hemen altında görünüyor. İlk bakışta uzun bir resim gibi görünsede aslında alt kısmı resmin suda yansıması gibi görünüyor. Websitenize  çok  farklı bir görüntü kazandırabilecek bir  örnek.

 

  Kullanım

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

Css :

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

Html :

Modernizr url aresi :

JavaScript :

 

1 oy (2 votes, average: 5,00 out of 5)
Loading...
Önceki İçerikFreeWall.js
Sonraki İçerikHorizontal Navigation
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

Please enter your comment!
Please enter your name here