CoverFlow

By

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 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5.00 out of 5)
Loading...


Leave a Comment

Your email address will not be published.

You may also like

Trend