How can i apply animations on delete ion-item?

ionic-v1
1

I have a list of users. When i delete a list item it just disappeared. I want to add animation like slide left or fading.
Any help would be appreciated.

1 Like
2

WARNING : I suck at CSS. I don’t know if this a good idea or not.

But try something like this :

FYI: I delayed the delete in the controller to give the transition time to apply.

3

Thanks @Calendee. Works like charm…!!!

4

No. You only need to add item-remove-animate class to ion-item, like in this http://codepen.io/ionic/pen/JsHjf

3 Likes