CSS Images Level 4: cross-fade() example

You need a WebKit Nightly in order to properly see this page!

Displaying a single image.

background-image: cross-fade(
    url("logo-box.png"),
    url("logo-bare.png"),
    0%);

Displaying halfway through the
second image.

background-image: cross-fade(
    url("logo-box.png"),
    url("logo-bare.png"),
    50%);

Displaying a complete cross-fade.

background-image: cross-fade(
    url("logo-box.png"),
    url("logo-bare.png"),
    100%);

Animating a cross-fade().

background-image: cross-fade(
    url("logo-box.png"),
    url("logo-bare.png"),
    0%);
animation: fading 3s infinite;