// the provided offset values
animate("5s", keyframes([
  style({ backgroundColor: "red", offset: 0 }), // 0%
  style({ backgroundColor: "blue", offset: 0.2 }), // 20%
  style({ backgroundColor: "orange", offset: 0.3 }), // 30%
  style({ backgroundColor: "black", offset: 1 }) // 100%
]))