StackImage

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>

 

Ali
Telif Hakkı Bildirimi:Bu sitedeki orijinal makaleyi Ali2021-06-08 tarihinde yayınlandı,Toplam 842 karakterden oluşmaktadır.
Yeniden yazdırma ipuçları:Özel talimatlar dışında, bu sitedeki tüm makaleler CC-4.0 sözleşmesi kapsamında yayınlanmaktadır.Yeniden basılması için lütfen kaynak belirtiniz.
Yorum yap(Yorum yapılmamış)
Yükleniyor...