Creating Smooth Hover Effects for Practice Area Cards
Hey fam, I feel dumb asking this. Maybe I'm overthinking the problem. On the Home page in the Practice Areas section, I have a 3x3 grid of "cards" which are simply a title (h4) and a short description below. The initial state should just show the link Title, and on hover, I want the short description to appear and push the title up as far as it needs to fit the description. The descriptions have a different number of characters, hence different heights, and some titles are more than one line so I can't rely on a "move" transform. I have seen this interaction on so many websites, and I'm not grasping how to set this up. It seems so simple. Any help would be greatly appreciated. Here is the share link: https://preview.webflow.com/preview/ohsks-v2-2ac54f?utm_medium=preview_link&utm_source[鈥a09de7c13ab56ec9bbd144e3fe80719a&locale=en&workflow=preview Update: I've created the basic effect I want using Interactions and Hide/Show on the description text, but you cannot control the duration/easing on this effect and so it's too jumpy/snappy, and not what I'm looking for. I'm looking for a smooth rise/fall transition.