Animation on click


#1

Hello,
I am currently trying to make animations on my application. I managed to put animation at the appearance of a page but I can not put an animation when I click on an element. For example, a list (ion-select) I choose an item and I would like to apply the class that allows to put my animation but I do not know how to do it.
Do you have any ideas ?

Exemple of my animation :
HTML :

SCSS :
This is a page with multiple animation https://daneden.github.io/animate.css/

Wanted :
<ion-select placeholder=“test” cancelText=“Cancel” okText=“Ok” [(ngModel)]=“test”>
1
2
3
4
5
6
7
8
9
10

When i click on one option like 8, i have and animation


#2

Maybe this video will help:


#3

Thank you for your answer, it helped me, however it’s not what I’m looking for. I would like for example like on this forum, to press a heart, that they become red and that a small animation takes place (it must have the possibility to re click and to do the opposite effect, the animation for they return to their basic color) …


#4

I want on the click of the icon, use my class “animated fadeIn”