web-dev-qa-db-ja.com

CSSトランジションとアニメーション用のPolyFill / Shim

グーグルはこれについて私を幾分失敗させている(PolyFill/Shim/Spackleの用語は現在新しく多様であるためだと思う)。 Webkitの(そして現在はRC FireFox 4の)CSSトランジションに適したJavaScriptPolyFillまたはShimを見つけようとしています。

この作業 それ Weston Ruter が行ったことを発見しましたが、しばらく更新されておらず、機能検出ではなくブラウザー検出を使用しています。

私も発見しました FakeSmile ですが、それは主にSVGアニメーションを対象としています。

この機能を埋めるのに適したライブラリを知っている人はいますか?できれば、 Modernizr で動作し、現在も積極的に取り組んでいるものが望ましいです。これまでのところ、最良のオプションは、ウェストンが思いついたものから始めるように見えます。

27
Graham Conzett

jQuery.transition と呼ばれるjQuery用の非常に優れたCSS3遷移ポリフィルがあります。

JQueryでは通常の animate() メソッドを使用できます。使用可能な場合はCSS3トランジションを自動的に使用し、使用できない場合はVanillajQueryにフォールバックします。

20
Sindre Sorhus

Googleの Polymer Project には Web Animations ドラフトのポリフィルが含まれています W3C Web Animations 仕様。

警告エンプター:W3C仕様は公開草案にすぎないため、これはかなり初期の作業であり、何かが変更される可能性があります。また、Polymer polyfillsは、最新バージョンのブラウザ(IE10 +など)のみをターゲットにしているように見えるため、ニーズに合わない場合があります。それでも、これはプロジェクトの初期段階なので、維持してください。それに目を向けて実験してください。

ユーザーが使用しているプラ​​ットフォームを注意深くテストすれば、今日の将来のWebを利用できます。

5
Anson