Animated borders

Im trying to create a animated border that grows like the one seen next to the button in this link i am sending. Projects | Legit Webflow Template

Use the show/hide and transitions.

You should use a combination of opacity/hide-show/transforms.

Make sure to set the transform origin to 50%. If you have any trouble, send me a message over here and we’ll make it work.

How do I effect the the tab links border with out effecting the text block in the inside.

Borders cannot be animated. What you’ll need to do is create a div block and replicate the appearance of a border. Then, use the interactions panel to fine-tune how you want things to behave