Text animation transitions. Zoom or opacity?

Discussion in 'All Other Widgets' started by Colin Shanley, Feb 27, 2018.

  1. Colin Shanley

    Colin Shanley Member

    I have two design requirements:
    • Zoom in text heading when in viewport.
    • Fade opacity from 0.5 to 1.0 when in viewport.
    Is there an MT widget that can do this?

  2. DjHerold

    DjHerold Moderator Staff Member Advisory Group

    Colin, not sure if any of these will do specifically what you want but I'd look at them and see.
    The Fade Opacity might be utilized by using our 'OnLoad Animator' widget. It can fade in when in Viewport.
    You may have to adjust the timing to replicate going from 50 to 100% because there aren't setting for that. The widget comes in from 0 to 100% but is timing adjustable, and can simulate that effect.
    The zoom text when in Viewport is a tough one. We have the 'Scale Scroll' widget that can scale your text up to Zoom but it's by scroll, not on load.
  3. Colin Shanley

    Colin Shanley Member


    Just to be clear....

    Regarding fade from 50% to 100% when in viewport, Onload Animator does not support that, as you say. But there is not timing config that emulates that as far as I can see.

    With respect to zoom in, what I am looking for is a means to zoom in text as a transition when the element is in the viewport. Scale Scroll has been built to do something else.

    Any help appreciated.

Share This Page