Material UI - Pressed state how to replicate in Hype

Could anyone shed some light on what’s going on in the pressed state of the material design button?

It appears to have some gradient animation upon click. Am trying to replicate something similar in Hype.

Any thoughts are most welcome. Thank you.

Hei, I think, this is more or less what you are looking for… Just an animation of a white circle inside a group (overflow hidden). On click start the Main Timeline of the symbol (this is important!) You could also use a (vector) element that fits the button´s shape, so you wouldn´t need the group. As always - there might be plenty of approaches.

Hope this helps, regards,
Kalle (16.0 KB)


thanks a bunch @ktewes, this absolutely helps. :grinning: