Cool Card Hover Interaction in Webflow
Тәжірибелік нұсқаулар және стиль
🖐 Check out my Webflow templates: robn.link/templates
🤙 Try out Webflow using my affiliate link: webflow.grsm.io/robin
This will give me a small commission, which will help me lots. Thank you so much :)
This video will show you how you can create one of those resizable card hover interactions that I think looks pretty cool sometimes. It's all about using the "justify content: space between" Flexbox feature and a size interaction on hover. Have fun :)
🖐 Portfolio: shapedbyrobin.com
🖐 Twitter: / shapedbyrobin
🖐 Instagram: / shapedbyrobin
🖐 Webflow: webflow.com/robingranqvist
🖐 Dribbble: dribbble.com/robingranqvist
Пікірлер: 13
I really like this format!
amazing!!! thank you!!!
Great work! Thank you!
@shapedbyrobin
3 жыл бұрын
Thanks man 🤙 glad you liked it
Thanks
Nice❤️
Really nice but the animation stop and bug after the first preview, have an idea why ?
Nice What is the name of this interactions? Width increasing on hover
@MohanaKumar-xy5xm
4 ай бұрын
Or grow horizontally while hovering!?
@developermsmahadi
4 ай бұрын
@@MohanaKumar-xy5xm yes Is it an expandable card?
hey man if you put it on mobile how do you fix it?? please help
@jeroendonker
Жыл бұрын
Change Flex>Horizontal to Flex>Vertical.
you could have added voice over to this so... currently not able to understand