Grow/Shrink cards on hover
Recently, I came across this effect and loved it! I thought I could recreate it myself, but it's a bit beyond me, haha. Could someone point me in the right direction? I initially thought it could be done with just CSS, but I can't quite figure it out. Thanks a lot!
Reference: https://www.hartmanncapital.com/
Hartmann Capital - The future belongs to those who invest in it
Hartmann Capital is a frontier tech investment firm covering Crypto, XR, Gaming, and AI.
2 Replies
Hey @Ander I’ll try to have a look this week
@Ander - a few little tricks but you can do it pretty easily with CSS by animating
grid-template-rows and grid-template-columns and using the :has selector
https://preview.webflow.com/preview/grow-shrink-boxes?utm_medium=preview_link&utm_source=designer&utm_content=grow-shrink-boxes&preview=6a5cd82991e1d279a381f133dc33448d&workflow=previewHi @Web Bae
Thank you so much! It’s amazing that this can be done with CSS!
I can’t access the Webflow preview, though