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>