それはAngularJS駆動アプリケーション内で使用できるように、
の角度のFx のはのAnimate.css のライブラリを適合させます。
ダン・エデンが開発したこの信じられないほど便利なツールキットは、開発者は簡単なCSSクラスの使用を通じてCSS3ベースのアニメーションをトリガし、実行することができます。
角度Fxのディレクティブが同じことを行い、それだけでは、属性、AngularJSベースの開発のステープルを「NG」のカスタムにそれらのCSSクラスを適応させます。
は、アニメーションルーチンが使用するためにどのようなページ要素を伝える属性以外にも、連続ループに表示する、または/非表示、ページの読み込みにある要素を表示する場合は、アニメーションの再生速度を制御する属性があります。
実施例および使用手順は、ダウンロードパッケージに含まれています。
サポートされているアニメーション・ルーチン:
ngfxフラッシュ
ngfxパルス
ngfxゴムバンド
ngfxシェイク
ngfxスイング
ngfx-多田
ngfxウォブル
ngfxバウンスイン
ngfx・バウンスでダウン
ngfxバウンス・イン・左
ngfxバウンス・イン・右
ngfxバウンス・イン・アップ
ngfxバウンスアウト
ngfxバウンスアウトダウン
ngfxバウンスアウト左
ngfxバウンスアウト右
ngfxバウンスアウトアップ
ngfxフェードイン
ngfxフェードイン・ダウン
ngfxフェードインダウンビッグ
ngfxフェードイン・左
ngfxフェードイン・左大
ngfxフェードイン・右
ngfxフェードイン・右大
ngfxフェード・イン・アップ
ngfxフェードインアップビッグ
ngfxフェード・アウト
ngfx・フェードアウトダウン
ngfx・フェードアウトダウンビッグ
ngfx・フェードアウト左
ngfx・フェードアウト左ビッグ
ngfx・フェードアウト右
ngfxフェード・アウト・右大
ngfx・フェードアウトアップ
ngfx・フェードアウトアップビッグ
ngfxフリップ
ngfxフリップ・イン・X
ngfxフリップ・イン・Y
ngfxフリップアウト-X
ngfxフリップアウト-Y
ngfx光速の
ngfxライトスピード・アウト
ngfx-回転イン
ngfx・回転・イン・アップ左
ngfx・回転・イン・アップ右
ngfx・回転・イン・ダウン左
ngfx・回転・イン・右下
ngfx-回転アウト
ngfx-回転アウトアップ左
ngfx-回転アウトアップ右
ngfx-回転アウトダウン左
ngfx-回転アウトダウン右
ngfxヒンジ
ngfxロールイン
ngfxロールアウト
ngfxズームイン
ngfx-ズームアップ・ダウン
ngfxズーム・イン・左
ngfxズーム・イン・右
ngfxズーム・イン・アップ
ngfxズームアウト
ngfxズームアウトダウン
ngfx・ズームアウト、左
ngfx・ズームアウト、右
ngfxズームアウトアップ
<強い>何である新しいのこのリリースでます。
- Swingと修正ヒンジます。
<強い>何である新しいのバージョン1.0.0でます。
- Swingと修正をヒンジます。 。
このの要件の
- のJavaScriptクライアント側で有効になってます。
- AngularJS 1.2以上
- CSS 3対応のブラウザます。
コメントが見つかりません