我可以在"Angular Animations“中为一个状态添加多个转换属性吗？

import { trigger, state, style, transition, animate } from '@angular/animations';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  animations: [
    trigger('myAnimation', [
      state('start', style({
        transform: 'translateX(0)',
        backgroundColor: 'red',
        opacity: 1
      })),
      transition('start => end', [
        animate('1s', style({
          transform: 'translateX(100px)',
          backgroundColor: 'blue',
          opacity: 0.5
        }))
      ])
    ])
  ]
})
export class ExampleComponent {
  currentState = 'start';

  toggleAnimation() {
    this.currentState = this.currentState === 'start' ? 'end' : 'start';
  }
}