Partial element opacity change on hover, using only UI?

Hello, as per subject:

I would like an element to start at say 50% opacity, but become totally opaque on hover.

Is this doable via the UI? If so, how?

If not, how (what is the easiest way to do this)?

TY :blush:

Hey @ddcbf,

there you go:

CleanShot 2025-01-25 at 08.26.32

Best,

André

1 Like

Thanks very much André!

I might use this as is. However I’m curious: how can this be made to transition (e.g., over 0.5s), rather than happen abruptly? Does that require a totally different approach?

@ddcbf You simply adjust the transition setting under CSS > Transition accordingly:

CleanShot 2025-01-27 at 12.11.02

Best,

André

1 Like