chromium/src/third_party/blink/web_tests/css3/blending/background-blend-mode-background-origin-border-box.html - manifest_repos/chromium_src - Git at Google

 <!-- Blend a background image and a background color specifying background-origin: border-box  -->
 <!DOCTYPE HTML>
 <html>
 <head>
 <style>
 div {
 	background: url('resources/white_square.svg'),  #777777;
 	background-origin: border-box;
 	width: 200px;
 	height: 200px;
 	margin: 10px;
 	background-blend-mode: multiply;
 }
 </style>
 </head>

 <body>
     <div></div>
 </body>
 </html>
	<!-- Blend a background image and a background color specifying background-origin: border-box -->
	<!DOCTYPE HTML>
	<html>
	<head>
	<style>
	div {
	background: url('resources/white_square.svg'), #777777;
	background-origin: border-box;
	width: 200px;
	height: 200px;
	margin: 10px;
	background-blend-mode: multiply;
	}
	</style>
	</head>

	<body>
	<div></div>
	</body>
	</html>