Change card layout upon hovering

[thilo1887]

Hey guys,

I built a Python Dash app using dbc Cards. One of my cards is wrapped by an html.A object containing a link referencing another dbc.Card. To indicate the possibility of clicking on the card (as it is the child of the html.A object), I would like to change the style of the card upon mouse hovering. Is that possible and if so, how?

Thank you in advance and have a lovely day

[jinnyzor]

Hello @thilo1887,

Welcome to the community!

To receive better assistance, it is normally better to post something like this:

How to write a Minimal Reproducible Example (MRE)

Adding a minimal reproducible example to your questions will help attract community members to answer your question. The goal of writing a MRE is to allow other members of the community to run the code on their computers and “reproduce” the error, so that they can best help you. Please make sure that your MRE includes data and that the code is correctly pre-formatted. To preformat, copy and paste the code in your post and then click on </> (Preformatted text), as shown on the image: [pre-for…

With that said, I’d add a css stylesheet in the assets folder and then add a class styling for :hover and give the card my class.

[thilo1887]

@jinnyzor thank you for the advice, I will keep that in mind next time!
Also, thank you for your answer. This approach solves my issue