PricingDocsAcademy
...
Sat, Mar 15, 7:43 PM
Log inSign up
Log inSign up
All topics

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

  • luca.heck-1340388665867636809

    Luca Heck

    28 days 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!
  • plusmin-1340504796955803728

    Armand

    27 days 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.
  • lucasg-1340557560314462248

    Lucas G

    27 days ago

    https://discord.com/channels/972416966683926538/1321136035870015525
Leave a comment

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code — but accessible to your entire team!

Try toddle — it's free!
The two toddle Co-Founders Andreas and Kasper

Chat with @team-toddle

CEO and Co-Founder of toddle Andreas Møller

Video call our CEO

Hello, toddle!

Get in touch!

Product

PricingPackagesT&CsPrivacy Policy

Company

Press kitContact
Become partnerRefer and earn

Resources

DocumentationAcademyIntegrationsBlogFounder storiesHire experts

Community

DiscordLinkedInXYouTube

© Copyright 2024 toddle. All rights reserved.

toddle logo

Built in toddle