How can I apply a hover effect to multiple elements in a card in Toddle?

Luca Heck

3 months ago

Hello everyone,
I would like to create a card in Toddle in which several elements within the card receive their own hover effect when hovering over the entire card.
For example, an image should enlarge and the text should change color when the card is hovered.
Is it possible to implement this nativ in Toddle? If so, how?

Thank you very much!
Armand

3 months ago

One way to do it is with a boolean variable that is set to true when the card is hovered and set to false when not hovered. You can achieve this by using the mouse events (see events tab in editor).

Then you use classes to set the style of each element.
Lucas G

3 months ago

https://discord.com/channels/972416966683926538/1321136035870015525