<!DOCTYPE html>
<html>
<head>
<title>CSS Test: -apple-color-filter reference</title>
<link rel="author" title="Apple" href="http://www.apple.com/">
<style type="text/css">
.test
{
width: 200px;
height: 200px;
margin: 10px;
float: left;
}
</style>
</head>
<body>
<div class="test" style="background-image: linear-gradient(blue, red);"></div>
<div class="test" style="background-image: radial-gradient(blue, red);"></div>
<div class="test" style="background-image: repeating-linear-gradient(blue, red 50px);"></div>
<div class="test" style="background-image: repeating-radial-gradient(blue, red 50px);"></div>
</body>
</html>
