Css3 geçiş efektleri (Transition effects)

0
408
views

transitions

Bütün Css3  geçiş  efektlerinin bir  arada bulunduğu bir  örnek.  Input  ve checkbox üzerinde  hazırlanmış olan bu geçiş  efektlerini  kendi  çalışmalarınızda kullanmak için saklayabilirsiniz. Şu anki hali ile kullanılacak bir örnek  gibi görünmüyor. Bir nevi Css3 geçiş efektlerinin tanıtımı  için hazırlanmış diyebiliriz. Demo örneğini  incelerken bile  insanın aklına türlü türlü örnekler  geliyor. Mesela tek  bir  kutu içine sığdırılmış giriş paneli (üyelik, giriş, şifremi unuttum – hepsi  bir arada), resim galerileri için hover  efektleri, butonlar, menüler aklınıza gelebilecek her yerde kullanabilirsiniz.

Demo  sayfasında Css3  geçiş efektleri (Css3 transition effects) kullanılarak slayt, yukarıya doğru slayt, alağıya doğru slayt, büyüyen çerçeve, fade efekti, flip  efekti ve swap (atlı karınca benzeri yer değiştiren nesneler) efektleri hazırlanmış. Sizin burada  yapmanız  gereken en önemli görev dosyayı indirip  arşivinize  eklemek 🙂 Css3  animasyonlar  yada  farklı geçiş efektleri  bulmak için site site  araştırma yapmanıza  gerek yok sanırım. bu örnek sayesinde  bütün geçiş efektleri elinizin altında olacak.

 

Kullanım

Bütün özellikleri  parça  parça  ekleyip anlatmak  tahmin edemeyeceğiniz kadar  uzun bir  sayfaya neden olacaktı. Her  bir Css3 geçiş efekti (Css3 transition effect) kendi başına  ayrı bir konu olmaya  yeter. Bu nedenle  bütün kodları  direk ekliyorum. İlerleyen zamanlarda belki parça parça  bunları tanıtma fırsatımız olur sizlere.

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

Css :

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

Html :

 

 

1 oy (2 votes, average: 5,00 out of 5)
Loading...
Önceki İçerikPureCss accordion gallery
Sonraki İçerikMinik bir slayt çalışması
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