How to implement ease-in-out button appearance animation?

Question

css

There is a very cool button animation on the Vimeo website, here is the link .

How to implement it?
I've made my buttons appear and disappear on hover, but I don't know how to animate it all.
Please help me with this.
Thank you!

Answer 1

elements

transform: translateY(0);
opacity: 0
transition: transform .3s ease-in-out, opacity .3s ease-in-out

elements on hover

transform: translateY(10px);
opacity: 1