Streaming live at 10am (PST)

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.


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