Sorry, the InVision Help Center does not support Internet Explorer. Please download
Microsoft Edge or another modern browser.
No results found for the query
[[ query ]]
View all results
Is there a way to fade in UI elements in when it comes into the view port?
The only vague way i can get it to work is if its on a timer.
Thanks in advance
Hi Owen,I also think the vague way might be the most reliable way. Using the timer animation, you can be certain to always achieve the 'fade in'.An extra you might want to add to make the fade more obvious is reducing the opacity and fill colour of the UI element from the preceding artboard (I personally reduce it to 50%) . Generally, let's say you are fading in a UI element from artboard A to artboard B,
I hope this helps.Regards, Wurah.
Thanks for this!
Im looking for how it can appear when you scroll just so users aren't limited to a timer if that makes sense?
I have just come across this too: https://support.invisionapp.com/hc/en-us/community/posts/360006092091-Studio-Trigger-animation-on-scroll
Hi Owen,If I understand correctly, the UI elements should fade in while the user is scrolling through some other elements?If that's the case, the work around I would suggest is doing the above first (creating and adding the elements to both artboards as listed above) but not adding any transition to the elements.This implies that the only transition you would have between the artboards will be the 'scrolling' transition.When you get to the 'edit timeline' panel:
I think that should work fine without adding any timer animation to the elements you want to fade in.Hope this solves the request.P.S: I made the transition on the circle but added the 'ease in' on the rectangle.
to comment, sign up or sign in.