asked on

Page Transitions

Does anyone know if there is a way to control background color during page transition. Meaning, when you navigate from one page to another there is a brief moment of empty white screen. Is there anyway to control that screen color?

Designbyonyx

You might be able to put the body background style in the actual page itself so the browser doesn't have to wait for the stylesheet to load. But you are still going to have a little flicker.

Just a side note, this is something that you as the site creator are noticing because you have a personal and intimate connection to this site. However, every single page out there does the same thing. The only reason it's bothering you is because it's your site. This is similar to the content shifting when the scrollbar appears:
https://www.experts-exchange.com/questions/26315466/Page-layout-problem.html

Site creators tend to notice little flickers and jumps only on their sites... while this behavior is completely normal. Get someone who has never seen the sight and say, "hey, click around a little bit and tell me what you think". Chances are they won't notice anything strange.

<head>
...
<style type="text/css">
html,body {
    background-color: #000;
}
</style>
</head>

Open in new window

ASKER CERTIFIED SOLUTION

Designbyonyx

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial