Angularのアニメーション機能は、JavaScriptのアニメーションAPI「Web Animations API」を内部的に利用しています。 このAPIは、Microsoft Edgeでまだサポートされていないため、本記事のサンプルでは 互換性を提供するライブラリ を利用しています。

Angularのアニメーション機能では、複数のアニメーションを組み合わせて、より複雑なアニメーションを作れます。 ダウンロードできるサンプル（005_anim5）では、表示時に「keyframes」、非表示時に「group」の機能を使って、複雑なアニメーションを実現しています。

モバイル端末ではCSS3のTransitionsやAnimationsが使えるので、アニメーション処理はCSSで、他の処理をJavaScriptで、といった形で分担するほうがよい ...

.spinner { animation: 6s linear infinite spinner; } アニメーション名は @keyframes 規則 に与える。 transition プロパティは、 始めと終わりのプロパティを定めると、 その間をアニメーションした。 @keyframes 規則には、 いくつでも経過点が加えられる。

Webデザインの学校 ロクナナワークショップは、 2015年2月より、新講座「野中文雄のJavaScriptインタラクティブアニメーション講座」を開講します。

@keyframesプロパティは、アニメーションの時間経過を0%（アニメーションの開始時）〜100％（終了時）のパーセント単位で指定し、その時点でのCSS ...

In CSS, you can create keyframes and use them for animations on different elements of your Web pages, including buttons. Keyframes consist of a single, reusable animation with properties set at ...