Border Animation Transition with Hover

Design help Animations & Interactions
1

Hi everyone

Trying to learn Webflow so I’m using a website that I like to try and replicate some of the functions on there to see whether I can build it. I’m stuck on the border + text hover transition on the grid tiles. Does anyone know how to do this transition with the border where it thickens with hover?

This is the site that I’m trying to build for practice : https://illo.tv/

Here is my public share link:

https://preview.webflow.com/preview/jochunyan?utm_medium=preview_link&utm_source=dashboard&utm_content=jochunyan&preview=836e9f931320382c8093187253367fb6&mode=preview

2

https://jean-augustos-sublime-project.webflow.io/help-joanne

https://preview.webflow.com/preview/jean-augustos-sublime-project?utm_medium=preview_link&utm_source=designer&utm_content=jean-augustos-sublime-project&preview=f815bf95c4a9267ab758c446b9fe1bb6&pageId=5d31b6c290eed30154cbd13c&mode=preview

Hey there… I hope this helps giving you an idea on what can be done! Happy designs and Welcome to Webflow :webflow_heart:

3

Wow - thank you so much Jean - you are a legend!!! Thank you so much for helping me!!! So grateful!

4

Anytime!

Welcome to this community place we all love :webflow_heart: