Fotolar için Perspective özellikli hover-efekt

0
478
views

perspective

Resim galerileriniz  için kullanabileceğiniz  Css3 perspective kullanılarak hazırlanmış bir  hover  efekti. Css3 hover efekti örneğinde mouse ile resimlerin üzerinde gezdiğinizde sol taraftan içinde  resim açıklamaları olan bir çerçeve göreceksiniz. çerçeve  arka planda  saklı değil.  Perspective açısı 90 derece olarak ayarlandığı için görünmüyor.  Mouse resmin üzerne geldiğinde  90 derecelik  çerçeve  açısı  sıfır  oluyor. Mousey geri çektiğinizde tekrar açıklama çerçevesinin açısı 90 derece  olduğu için çerçeve görünme oluyor.  Ayrıca Resim açıklamaları  için Css3  inset eklenmiş. Yazılar  için  normalde inset efekti  yok. Yazıların sol ve üst  çizgi rengi arka plana, sağ ve alt çizgiler de arkaplandan biraz daha açık rengi verildiği zaman yazılarda inset  efekti verilmiş gibi görünür. bu şekilde yazılar  arkaplana gömülü gibi  görünür.

 

Kullanım

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

Css :

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

Html :

 

 

1 oy (No Ratings Yet)
Loading...
Önceki İçerikBasit bir yan-menü tasarımı
Sonraki İçerikFotoğraflar için hareketli hover-efekt
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