keyframes

このエントリーをはてなブックマークに追加

keyframesは複雑なアニメーションを設定するための関数です。

animateの第2引数でstyleの変わりにkeyframesを指定して内側にstyleでアニメーションの変化を指定します。

animate("5s", keyframes([
     style({ backgroundColor: "red", offset: 0 }),
     style({ backgroundColor: "blue", offset: 0.2 }),
     style({ backgroundColor: "orange", offset: 0.3 }),
     style({ backgroundColor: "black", offset: 1 })
]))

参考URL

keyframes function - Angular

登録日 : 2017年01月28日 最終更新日 : 2017年1月28日

同じカテゴリー(@angular/core)のエントリー

検索

スポンサードリンク

バージョン

リファレンス