是否可以从类(或动画中的任何内容)设置动画状态的样式输入?
例如,代替'translateX(250px)',执行类似'translateX(input)'的操作。输入将根据类中的某个内容确定,该内容将因DOM上的操作而发生更改。
@Component({
selector: 'wt-moving-parts',
templateUrl: './moving-parts.component.html',
styleUrls: ['./moving-parts.component.css'],
animations: [
trigger('imgState', [
state('before', style({
transform: 'translateX(0)'
})),
state('after', style({
transform: 'translateX(250px)'
})),
transition('before <=> after', animate(800))
])
]
})
export class MovingPartsComponent {
}