3B katlanan div (çerçeve) hazırlama

0
145
views

flip

Ryan McLaughlin tarafından Css3 geçişler ve dönüşümler  kullanılarak  hazırlanmış bir hover  efekti. Sadece Webkit  tarayıcılarında çalışabilen bu örnek resimde  de gördüğünüz  gibi mousenin üstüne gelmesi ile  açılan bir  çerçeveye  sahip.  Bu  örneği kendiniz  için birçok alanda kullanabilirsiniz. Örneğin foto galeri, download  bölümler, site tanıtım kartları  gibi  bölümler  olarak kullanabilirsiniz. Hatta  gizlenmiş bir ikon bölümü  olarak bile kullanabilirsiniz.

Aklınıza  gelebilecek her yerde  kullanabileceğiniz gibi  site  tasarımınıda  bir o kadar çekici  hale  getirmeyi başarabilen bir örnek. Sitenizin her tarafında mouse üzerine geldiğinde  açılan bölümler  eklemek  abartılı olur  sanırım.  Ama kullanma konusuna gelince  her yere  uygun görüyorum.

Kullanım

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

Css dosya adresi : 

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

Html : 

 

1 oy (No Ratings Yet)
Loading...
Önceki İçerikTransparent vertical div
Sonraki İçerik3B görünümlü iletişim butonları
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