How to add animation to hide-on-keyboard-open class

Hi guys,

I want to hide an element when the keyboard shows and I found this is very useful. However, with hide-on-keyboard-open, the element disappears immediately, does anyone know how to add animations to make it fadOut smoothly?

And what is the best practice(any recommended library?) to add customized animations?

Thanks.