CSS transition html page from black white to color with css?
<p>Just wondering if its possible or not, but I am trying to make my page when loaded, transition from black and white to colour over maybe a 4 second period - the entire page, text, divs, images, everything.</p>

<p>I've made a black and white image that transitions to a coloured version with hover would it be similar to this? But with the wrapper?</p>

<pre><code>img.desaturate { 
   animation: toColour 10s;
}

@keyframes toColour {
    0%    { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
    25%   { -webkit-filter: grayscale(75%); filter: grayscale(75%); }
    50%   { -webkit-filter: grayscale(50%); filter: grayscale(50%); }
    50%   { -webkit-filter: grayscale(25%); filter: grayscale(25%); }
    100%  { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
}
</code></pre>

<p>Or make each thing with colour individually transition?</p>

<p>Is there a better way or possible way with just css?</p>

<p>Thanks in advance</p>