Why "On Appear" animations don't work
There are two main reasons why a box with the "On Appear" conditional style doesn't display and its animation doesn't play:
The box with the animation is completely outside the screen
The box with the animation is completely outside its parent box
*However, even if the box doesn't overlap with its parent box, the animation will still work if the parent box's overflow setting is set to [Visible].
As long as the box overlaps even slightly with either the screen or the parent box, the animation will work and the box will be displayed.
Note: About appear animations with responsive design
When you resize elements for different breakpoints, the animation's starting position may end up outside the screen on narrower devices like smartphones. If a box isn't showing up in preview, check whether the box extends beyond the screen in the editor. As long as even a small part of the box is visible on screen, the animation will work correctly.
Parent box overflow setting
For more details about the overflow setting, see the help article below.
appear