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
登録日 : 2017年01月28日 最終更新日 : 2017年1月28日