CSS geçişleri ve animasyonları için PolyFill/Shim

Google bana bu konuda bir şeyler yapmıyor (bence PolyFill/Shim/Spackle için terminoloji yeni ve farklıdır). Webkit'in (ve şimdi RC FireFox 4'lerin) CSS geçişleri için iyi bir JavaScript PolyFill veya Shim bulmaya çalışıyorum.CSS geçişleri ve animasyonları için PolyFill/Shim

Weston Ruter'un Weston Ruter numaralı telefon numarasını bulamadı, ancak bir süredir güncellenmedi ve özellik algılama yerine tarayıcı algılama özelliğini kullanıyor.

Ayrıca, FakeSmile'u da açığa çıkardım ancak çoğunlukla SVG animasyonu için tasarlanmıştır.

Bu işlevselliği doldurmak için iyi kütüphanelerden herhangi biri var mı? Tercihen Modernizr ile çalışacak ve hala aktif olarak çalışacak bir şey. Şimdiye kadar en iyi seçenek Weston'un ortaya çıktığı şeyle başlamak gibi görünüyor.

kaynak

2011-03-17 Graham Conzett

Aynı şeyi arıyoruz ... [Modernizr polyfills listesi] 'de hiçbir şey yok (https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills) (henüz?). – saadtazi

Belki de soruyu biraz açıklığa kavuşturabilirsiniz. Şimdiye kadar ne denediniz? Hangi işlevleri arıyorsunuz? Mevcut çözümler hangi yollarla ihtiyaçlarınızı karşılamıyor? – KatieK

Bence OP, CSS işlevselliğini çokça doldurmak için bir şeyler istiyor, böylece animasyonlar CSS'de bildirilebilir. JQuery.transition polyfill, jQuery.animate işlevini hızlandırmak için CSS3 animasyonlarını kullanmak içindir. İşleri yapmanın yolu, CSS değil, JavaScript'te bildirilen animasyonlara sahiptir. –

JQuery için jQuery.transition adı verilen çok iyi bir CSS3 geçiş polifilosu var.

jQuery'de her zamanki gibi animate() yöntemini kullanabilirsiniz ve varsa CSS3 geçişlerini otomatik olarak kullanır ve eğer değilse, vanilla jQuery'ye geri döner.

kaynak

2011-04-10 00:56:43

Bu, OP'nin aradığı noktadan geriye doğrudur, ancak çoğu durumda, bu işlevselliği CSS yerine JavaScript'te kullanmak istediğinizden, her durumda +1'dir. (CSS'nin daha uygun olduğu durumlar da vardır, örn. Normal ve ': hover' durumlar arasında geçiş.) – Domenic

Biliyorum, ama en iyi polyfill aslında bu şekilde. Diğer yol ise, stil sayfasını yükleyip ayrıştırmak ve geçiş parametrelerini ayıklamak ve bunları JavaScript'e dönüştürmektir. Oldukça kaynak aç bir şey. –

Bana bu polifilyona işaret ettiğiniz için teşekkür ederim - Bana başka hiçbir şey vermeyen bujilerle uğraşıyordum. Bu güzel çalışıyor. –

Google'ın Polymer Project yayını, W3C Web Animations için bir Web Animations polyfill özellikleri içerir.

İhtar emptor: W3C dizilimde sadece bir Kamu Çalışma Taslağı, yani her şey değişebilir olarak Bu, çok erken bir iştir. Ayrıca, Polimer polifonikleri, yalnızca tarayıcıların en son sürümünü (ör. IE10 +) hedefliyor gibi görünüyor, bu yüzden ihtiyaçlarınızı karşılamayabilir. Yine de, bu projenin ilk aşamasındadır, bu yüzden bir göz atın ve deneyin.

Kullanıcılarınızın açık olduğu platformları test etmeye özen gösterirseniz, bugün gelecekteki web'den yararlanabilirsiniz.

kaynak

2013-05-21 15:57:32 Anson

GitHub projesine doğrudan bağlantı: https://github.com/web-animations/web-animations-js –

CSS geçişleri ve animasyonları için PolyFill/Shim

cevap

İlgili konular