Streaming live at 10am (PST)

Animated borders

#1

Im trying to create a animated border that grows like the one seen next to the button in this link i am sending. https://www.qooqee.com/webflow/templates/legit/projects-2/projects.html

#2

Use the show/hide and transitions.

#3

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.

#4

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

#5

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