Simple image box

0
204
views

üste çıkan resim açıklamaları

Css3 kullanılarak hazırlanmış bir hover efekti örneği. Demo örneğinde mouse ile resimlerin üzerine geldiğinizde alttan yukarı doğru çıkan bir açıklama bölümü bulunuyor. Mouseyi çektiğinizde tekrar kayboluyor. Ayrıca  bu işlem sırasında yani mouseyi resimlerin üzerinde gezdirdiğiniz esnada alttan yukarı çıkan açıklama bölümüyle birlikte resim de biraz kararıyor.  Bu kararma efekti css kodların içine entegre edilmiş  bir resim dosyası  sayesinde oluyor.  

Demoya baktığınızda pek farkedilmiyor  olsada farklı bir özellik daha var örnekte. Yine css kodların içine entegre edilmiş bir resim dosyası daha bulunuyor. Buda resimlerin üst kısmında  biraz parlaklık olmasını sağlıyor. Mouse ile resimlerin üzerinde gezdiğinizde bu parlaklıkta kayboluyor.

 

Kullanım

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

Css : 

 

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

 

Html : 

 

1 oy (1 votes, average: 5,00 out of 5)
Loading...
Önceki İçerikCalendar
Sonraki İçerikCubic bezier

1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?

Paylaş

CEVAP VER

Please enter your comment!
Please enter your name here