Animation blinking, disappearing and not triggering

[CodeQueen]

Summary:

The animation on different elements are not as smooth as expected. Sometimes the animation does not even trigger or it is delayed longer than the settings. I tested both on Chrome and Safari with the same results.

Website ID: 352019

Tested on browser:
Chrome / Safari

Steps to reproduce:

1. Visit preview link: http://1edb50-55f13.preview.sitejet.io/
2. Scroll down to Portfolio gallery
3. Click on image of Informational Website to open the next page ( direct link to page: Informational Website - Project - Code Queen )
4. Wait for page to load and begin scrolling

Observed behavior:

The animation sometimes does not animate on different parts of the page, especially the top. Sometimes the animation makes the Headings and Text blink then disappear. Other times the animation makes the Headings and Text blink then appear again. Other times Headings and Text stay hidden and never animate nor appear.

Expected behavior:

Animation settings for all Headings, Text and Images is set to be hidden then appear from bottom to top on page load or element scrolled into view. There should be a seamless animation from the moment the page loads and while scrolling through the page.

Screenshots/Screencast:

Link to screencast: SiteJet.io Bug Videos - Google Drive

[Martin]

Hi @CodeQueen,

I was able to fix the image comparison preset here: Code Queen Web Design Services - Code Queen. In the first preset, you still had a sample image from the website template and therefore two images in one container, which caused an error.

Where can I find the different texts? Seems like they are not on the website: Code Queen Web Design Services - Code Queen

[CodeQueen]

@Martin

That is not the page in question. The page you are trying to fix is getting deleted completely.

The page I posted about is replacing old pages.

I am not trying to fix the page you linked in your reply.

[Martin]

@CodeQueen Could you then please provide the other website ID?

[CodeQueen]

I am not sure what other ID there could be. This is the only ID that is visible.

The site is not published because my domain is currently connected to an older version.

I am trying to redesign a new version and when I am ready to publish — I will re-assign the existing domain to the new site.

[Martin]

Hi @CodeQueen,

thanks for the website ID, it is the one at the end of your URL. I am unable to find the element with the animation on your website. Could you please guide me where I can find it?