3B katlanan çerçeve hazırlama

0
224
Görüntülenme

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 : 

 

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.