LayoutTests/css3/blending/background-blend-mode-svg-color.html - WebKit - Git at Google

 <!DOCTYPE html>
 <head>
     <style>
         div {
             width: 130px;
             height: 130px;
             background-size: 130px 130px;
             background: url('resources/red-circle.svg'), green;
             float: left;
             margin: 5px;
         }
     </style>
 </head>
 <!-- This file should contain an svg on top of a background color with every type of blending. -->
 <body>
     <script>
         if (window.testRunner)
             window.testRunner.dumpAsText(true);
     </script>
     <div style="background-blend-mode: normal, normal"></div>
     <div style="background-blend-mode: multiply, normal"></div>
     <div style="background-blend-mode: screen, normal"></div>
     <div style="background-blend-mode: overlay, normal"></div>
     <div style="background-blend-mode: darken, normal"></div>
     <div style="background-blend-mode: lighten, normal"></div>
     <div style="background-blend-mode: color-dodge, normal"></div>
     <div style="background-blend-mode: color-burn, normal"></div>
     <div style="background-blend-mode: hard-light, normal"></div>
     <div style="background-blend-mode: soft-light, normal"></div>
     <div style="background-blend-mode: difference, normal"></div>
     <div style="background-blend-mode: exclusion, normal"></div>
 </body>
	<!DOCTYPE html>
	<head>
	<style>
	div {
	width: 130px;
	height: 130px;
	background-size: 130px 130px;
	background: url('resources/red-circle.svg'), green;
	float: left;
	margin: 5px;
	}
	</style>
	</head>
	<!-- This file should contain an svg on top of a background color with every type of blending. -->
	<body>
	<script>
	if (window.testRunner)
	window.testRunner.dumpAsText(true);
	</script>
	<div style="background-blend-mode: normal, normal"></div>
	<div style="background-blend-mode: multiply, normal"></div>
	<div style="background-blend-mode: screen, normal"></div>
	<div style="background-blend-mode: overlay, normal"></div>
	<div style="background-blend-mode: darken, normal"></div>
	<div style="background-blend-mode: lighten, normal"></div>
	<div style="background-blend-mode: color-dodge, normal"></div>
	<div style="background-blend-mode: color-burn, normal"></div>
	<div style="background-blend-mode: hard-light, normal"></div>
	<div style="background-blend-mode: soft-light, normal"></div>
	<div style="background-blend-mode: difference, normal"></div>
	<div style="background-blend-mode: exclusion, normal"></div>
	</body>