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? https://material.io/components/buttons#

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

button.zip (16.0 KB)

2 Likes

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