LayoutTests/css3/images/cross-fade-simple.html - WebKit - Git at Google

 <html>
 <style>
 div
 {
 	width: 100px;
 	height: 100px;
 	margin: 10px;
 }
 </style>
 <!--The first cross-fade should appear as a 100% green square, 100x100px.-->
 <div style="background-image: -webkit-cross-fade(url(resources/red-10.png), url(resources/green-10.png), 100%);"></div>
 <!--The second cross-fade should appear as a 100% green square, 100x100px.-->
 <div style="background-image: -webkit-cross-fade(url(resources/green-100.png), url(resources/red-100.png), 0%);"></div>
 <!--The third cross-fade should appear as a blue-green square, 100x100px.-->
 <div style="background-image: -webkit-cross-fade(url(resources/blue-100.png), url(resources/green-100.png), 50%);"></div>
 </html>
	<html>
	<style>
	div
	{
	width: 100px;
	height: 100px;
	margin: 10px;
	}
	</style>
	<!--The first cross-fade should appear as a 100% green square, 100x100px.-->
	<div style="background-image: -webkit-cross-fade(url(resources/red-10.png), url(resources/green-10.png), 100%);"></div>
	<!--The second cross-fade should appear as a 100% green square, 100x100px.-->
	<div style="background-image: -webkit-cross-fade(url(resources/green-100.png), url(resources/red-100.png), 0%);"></div>
	<!--The third cross-fade should appear as a blue-green square, 100x100px.-->
	<div style="background-image: -webkit-cross-fade(url(resources/blue-100.png), url(resources/green-100.png), 50%);"></div>
	</html>