Broken text animations on Log in Page - Githubissues

BeWelcome / rox

:earth_africa: BeWelcome lets you share a place to stay, connect with travellers, meet up and find accommodation on your journey. It is and will always be a free, open source, non for profit, democratic community.

https://www.bewelcome.org

GNU General Public License v2.0

188 stars 54 forks source link

Broken text animations on Log in Page #348

Open ikolton opened 8 months ago

ikolton commented 8 months ago

Issue: Broken Text Animations on Log in Page

Description

Issue Summary: On Log In screen welcoming text has broken animation triggers.

When scrolling down slowly animation resets.
When scrolling up animation resets even if text was already displayed.
When scrolling fast up and down text blinks.
On 32 inch display text doesn't display at all without scrolling down (on Edge, but on chrome worked correctly)

Additional personal opinion: Fade in animation is too slow

Screenshots

Screenshot from 2023-12-15 10-36-59

Environment

Had slightly different reactions on different browsers

Browser: Tested on Edge, Chrome, Firefox.

Operating System:

Windows
Ubuntu

Displays

32inch 2560 x 1440
1920 x 1080

Reproducibility

Reproduction rate is 100% on different tested environments