LayoutTests/css3/masking/resources/masks.svg

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 14.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 43363)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
   width="300px" height="400px" viewBox="0 0 300 400" enable-background="new 0 0 300 400" xml:space="preserve">
<defs>
	<mask id="upperHalf" maskUnits="objectBoundingBox">
		<path fill="#FFFFFF" d="M80,20 L280,20 L280,380 L240,380 L240,60 L80,60 L80,20"/>
	</mask>
	<mask id="lowerHalf" maskUnits="objectBoundingBox">
		<path fill="#FFFFFF" d="M20,20 L60,20 L60,340 L220,340 L220,380 L20,380 L20,20"/>
	</mask>
	<mask id="animatedCircle" maskUnits="objectBoundingBox">
		<circle cx="150" cy="150" r="40" fill="white">
			<animate attributeName="r" from="40" to="120" dur="10s" repeatCount="indefinite"/>
		</circle>
	</mask>
</defs>

<g>
	<rect x="5px" y="45px" width="140px" height="140px" fill="#C1553B"/>
	<rect x="155px" y="45px" width="140px" height="140px" fill="#71E5FF"/>
	<rect x="155px" y="215px" width="140px" height="140px" fill="#404041"/>
	<rect x="5px" y="215px" width="140px" height="140px" fill="#77D091"/>
</g>

</svg>