Elements with entrance Animations need to be initaly hidden

Created on 24 June 2021, over 3 years ago
Updated 7 March 2024, 10 months ago

If an entrance animation is set on a Paragraph, the Paragraph is visible before the entrance animation fires, so what happens is:

1. The user scrolls down
2. The Paragraph enters the viewport, visible to the user
3. The animation fires:
4. Example: FadeIn => The initially visible paragraph fades out and fades in again

So we need to set a CSS class like "has-animation--initally-hidden" and set it to all entrance animations.

🐛 Bug report
Status

Active

Version

1.0

Component

Code

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024