Streaming live at 10am (PST)

Help with Animation Default State: Hidden

https://preview.webflow.com/preview/anugreh-sapras-marketing-website?utm_medium=preview_link&utm_source=designer&utm_content=anugreh-sapras-marketing-website&preview=a9893a6bda5b492a9dc4f16f90440733&workflow=preview

I’m looking to have the testimonials cards on this site expand out on hover to show the full content, but on the published and preview version, the default state has these shown. Once you’ve hovered over them once they work fine, but they’re fully open by default. I’ve checked the animation and the starting state is hidden, and the element is set to hidden in the styling as well.

Here’s how I want it to look when opening the page:

Hey @Daviddj , you need a few tweaks within your animation for your desired effect.

Set the animations as per the screenshots below:

For Grow Card

For Shrink Card

Result
ezgif.com-gif-maker

1 Like

Thank you so much for this! It makes complete sense now.

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.