Why your "On appear" animation isn't working
If a box with the "On appear" conditional style doesn't show up and its animation doesn't play, it's usually for one of these two reasons:
The box with the animation is completely outside the screen
The box with the animation is completely outside its parent box
Note: Even if the box doesn't overlap with the parent box, the animation will still play as long as the parent box's overflow setting is set to [Visible].
As long as the box overlaps even slightly with either the screen or its parent box, the animation will play and the box will appear.
Note: Appear animations in responsive layouts
If you change an element's size for different breakpoints, the animation's starting position can end up outside the viewport on narrower screens like smartphones. If a box doesn't appear during preview, check in the editor to make sure the box isn't extending beyond the screen. As long as part of it is visible within the screen, the animation will play correctly.
Parent box overflow setting
For more details on overflow settings, see the help article below.
appear