StackImage

Resim galerilerinizde   kullanabileceğiniz  kullanışlı  ve  bir o kadarda  güzel css3 resim galeri örneği. Sazzad Hossain tarafından hazırlanan   fotoğraf galerisi örneğinde  Css3 geçişler ve dönüşümler kullanılmış. Bütün resimler hafif  bir şekilde  üst  üste  yığılmış ve herbiri  ayrı  bir  şekilde  döndürülmüş. Mouse ile üzerine geldiğiniz  siyah beyaz  resim yavaşça  düzeliyor ve orjinal  renkleri ortaya  çıkıyor. Bunun içinde  webkit  filter ve ms  filter grey scale  kullanmış.

Kullanım

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

Css dosya  adresi : 

<link href="stil.css" media="all" rel="stylesheet" type="text/css" />

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

Html : 

<div class="collage">
 <a href="#">
  <img src="resim adresi" alt="Baslik">
 </a>
 <a href="#">
  <img src="resim adresi" alt="Baslik">
 </a>
 <a href="#">
  <img src="resim adresi" alt="Baslik">
 </a>
 <a href="#">
  <img src="resim adresi" alt="Baslik">
 </a>
</div>