search

oliverjam / workstream-website

The new Workstream X marketing site
6 stars 1 forks source link

Fix big that leads to flashing in Chrome #8

Closed Jamchiller closed 7 years ago

Jamchiller commented 7 years ago

When opened on my computer, everything flashes weirdly. Could be the animation or something?

oliverjam commented 7 years ago

Can you give me a quick screen-recording?

Also use devtools to turn the animation off (Inspect element on the background, find <section class="home" id="home">, then find the ::after and ::before elements, then check the animation off in the CSS section). See if the screen still flashes then.

screen shot 2017-03-18 at 13 26 28

oliverjam commented 7 years ago

I'm not sure how to fix this. I'll try a few things but browsers don't cope well with big layered animations, especially with rotating gradients. Mine gets those gradient dithering lines across the rectangles as they animate :/

Jamchiller commented 7 years ago

Yeah well we can see. Definitely a super sick effect so sad to lose it but may need to tunr off for the time being. There's gotta be a solution as many site have that sorta thing. Maybe they do it differently

Jamchiller commented 7 years ago

I think we just need to remove the moving boxes for now as they seem to creating the issue. Can you disable the movement (keep the boxes) and see if this fixes it?

oliverjam commented 7 years ago

I can indeed. Will sort later