Estou tentando fazer 4 cards gerados pelo ngFor e queria colocar uma animação individual em cada um deles, mas quando coloco todos os cards crescem juntos, também não encontrei uma resposta na documentação
Estou tentando fazer 4 cards gerados pelo ngFor e queria colocar uma animação individual em cada um deles, mas quando coloco todos os cards crescem juntos, também não encontrei uma resposta na documentação
Você pode atribuir um id a cada card gerado. Vai ficar algo como:
no CSS:
#card1 { background-color: pink; }
Se ficar com dúvidas eu explico melhor
Obrigado Lauren pela resposta, mas acho que não vai me atender. Vou tentar explicar melhor o que eu queria fazer:
Esse 4 cards são gerados por ngFor, que pegam suas informações da classe typescript, queria colocar uma animação para que eles fiquem maiores quando a pessoa passar o cursor por cima deles, pensei em duas maneiras diferentes para fazer, usando a biblioteca AOS para animações link aos que não deu muito certo por causa do proprio angular, e também tem as funções nativas do angular que deu certo, mas todos os cards cresceram juntos, pois o ngfor repete a função para todos os cards fazendo que todos os cards utilizem a mesma função.