<html>
<style>
div
{
	width: 100px;
	height: 100px;
	margin: 10px;
}
</style>
<script>
    if(window.testRunner)
    	testRunner.waitUntilDone();
    
    window.onload = function() {
        setTimeout(function() {
    	    if(window.testRunner)
    		    testRunner.notifyDone();
        }, 100);
    }
</script>
<!-- The cross-fade should appear as a light green square with a darker green circle inside it. -->
<!-- The green-circle.svg content is a circle with animated fill from red to green taking 10ms. -->
<div style="background-image: -webkit-cross-fade(url(resources/green-circle.svg), url(resources/green-100.png), 50%);"></div>
</html>