角动画副作用

Question

动画的query()“用于根据文档查找当前元素中正在动画的一个或多个内部元素。有没有办法让兄弟姐妹或外部元素动画？我想在动画开始之前隐藏另一个元素，为对象设置动画，然后再次显示另一个元素：

transition('void => someState', sequence([
    query(':self ~ @siblingElement',
        animate('300ms ease-in-out', style({
            opacity: '0'
        })), { optional: true }),
    style({
        opacity: '0',
        transform: 'rotateX(90deg)'
    }),
    query(':self', stagger('100ms', animate('200ms ease-in-out'))),
    query(':self ~ @siblingElement',
        animate('300ms 3s ease-in-out', style('*')), { optional: true }),
]))

我尝试过CSS兄弟选择器~和+，但它们不起作用。

Answer 1

我不敢。您必须将动画上移一级。