This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Bahtiyar Ahmatjan
Posted Sep 02 - Read on Facebook

It's easy to animate opacity of a layer, but how do we animate visibility of a layer? like fadeIn and fadeOut in jQuery

3 Comments

Krijn Rijshouwer

Well if you animate to opacity: 0 it would do exactly the same thing, right? And if you'd specifically like the visibility to be disabled you could listen to the animationEnd Event on a opacity animation to afterwards set the visibility property to false. — https://framerjs.com/docs/#layer.visible

Bahtiyar Ahmatjan

I'm concerning if I only set its opacity to 0, then it might effect other events on the page, cuz you know, it's still there, we just don't see it.

Jesse Kuntz

That's why you set visibility to false using animationEnd

Read the entire post on Facebook