PureCss accordion gallery

By

res
Herhangi bir JavaScript dosyası olmadan sadece  Css kullanılarak hazırlanmış bir akordiyon galeri örneği. Akordiyon galeri örneğinde en sağda bulunan resim daima açık bulunuyor. Mouse ile resimlerin üzerinde gezdiğinizde resmin başlığı yavaşça dönerek  düzgün konuma yerleşiyor ve resmin çerçeveside  600px kadar  açılıp tam ekran görünüyor. Websitelerinizin manşet  alanlarında yada sitenin orta kısmına eklerseniz  sitenize  farklı bir görüntü kazandıracaktır bu akordiyon galeri örneği. Css3 transitions, transforms ve rotate  kullanılarak böyle  bir akordiyon galeri örneği  ortaya çıkarılmış.

 

Kullanım

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

Css :

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

Html :

 

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading...


Leave a Comment

Your email address will not be published.

You may also like

Trend