Transit.js – Pürüzsüz geçişler ve dönüşümler

0
167
Görüntülenme

Transit

Başlık biraz yanlış oldu gibi.  Daha önceleri hazırladığım bir kaç tane  Css 2D ve 3D dönüşümlerde geçişler ve dönüşümler esnasında hafif  bir  titreme  olduğunu fark ettim. Bu tarz problemleri ortadan kaldırmak için   Rico Sta. Cruz  jQuery.Transit adında bir uygulama geliştiriyor. Eklenti olmasaydı eğer kendi başına bir Javascript kütüphanesi de  diyebilirdik Transit uygulamasına. Geliştirici belli ki çok emek sarf etmiş. Hemen hemen bütün dönüşümleri pürüzsüz  bir şekilde yapabilme özelliğine sahip.

Css3 transitions ve transforms kullanımı zevkli olduğu kadar biraz da can sıkıcı tarafları var. Her tarayıcı için tekrar tekrar aynı satırları eklemek zorunda kalıyorsunuz. Transit uygulaması sayesinde her tarayıcının fark edebilmesi için teker teker aynı satırı girmenize gerek yok. Kullanımı oldukça basit ve yapmanız gereken head etiketleri arasına js dosya adreslerini eklemek ardından kullanmak istediğiniz 2D yada 3D değerler için bir kaç satır javascript kod eklemek. 

Transit eklentisi ile  birlikte kullanabileceğiniz geçişler ve dönüşümler.

  • x(px)
  • y(px)
  • translate(x, y)
  • rotate(deg)
  • rotateX(deg)
  • rotateY(deg)
  • rotate3d(x, y, z, deg)
  • scale(x, [y])
  • perspective(px)
  • skewX(deg)
  • skewY(deg)

Kullanım : 

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

Js dosya adresleri : 

 Dönüşümler : 

Göreceli değerler : 

 İsteğe bağlı tüm birimler : 

 Çoklu değerler  virgül ile  kullanılabilir : 

Alıcılar destekler

Animating – $.fn.transition

 

 Desteklenen  Easing Tipleri

linear, ease, in, out, in-out, snap, easeOutCubic, easeInOutCubic, easeInCirc, easeOutCirc, easeInOutCirc, easeInExpo, easeOutExpo, easeInOutExpo easeInQuad, easeOutQuad, easeInOutQuad, easeInQuart, easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint, easeInSine, easeOutSine, easeInOutSine, easeInBack, easeOutBack, easeInOutBack.

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
Önceki İçerikMosaic.js
Sonraki İçerikJSpeaker
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

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