How can I add this kind of click-effect?

Ask the community
,
7

First of all, you should see the difference between their effect to yours.
In their example, the image changes on mouse down and goes back on mouse up.
While in your example it only changes on click (=after mouse up).

As for your question. You can do:

export function button3_click(event) {
Promise.all([
  $w("#regualButtonImg").hide(),
  $w("#pressedButtonImg").show()
]).then(() => {
  setTimeout(() => {
    $w("#pressedButtonImg").hide();
    $w("#regualButtonImg").show();
    }, 150)
  })
}

this 150 is the delay in milliseconds. You can change it as you wish.