Início / user-29884952

KoZ x Tricky's questions

Martin Hope
KoZ x Tricky
Asked: 2025-03-04 20:47:55 +0800 CST
  • 6

Para uma página de apresentação, quero exibir o conteúdo da minha página elemento por elemento com animações Angular

Meu objetivo era fazer uma animação que escondesse meu conteúdo e fazer uma animação para cada elemento, mas meu conteúdo fica bem escondido (:self), mas as outras animações não têm efeito até o final da animação, onde todo o meu conteúdo aparece de uma vez

animations : [ 
    trigger('homeAnimations', [
      transition(':enter', [
        query(':self',[
          style({opacity:0})
        ]),
        query('#presentation h1', [
          animate('2s', style({ opacity: 1 }))
        ], { optional: true }),
        query('#presentation h2', [
          animate('2s', style({ opacity: 1 }))
        ], { optional: true }),
        query('#presentation p', [
          animate('2s', style({ opacity: 1 }))
        ], { optional: true }),
        query('#btn1', [
          animate('2s', style({ opacity: 1 }))
        ], { optional: true }),
        query('#btn2', [
          animate('2s', style({ opacity: 1 }))
        ], { optional: true }),
        query('#btn3', [
          animate('2s', style({ opacity: 1 }))
        ], { optional: true }),
      ])
    ])
  ],
angular