chromium/src/third_party/blink/web_tests/images/color-profile-background-clip-text.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <html>
 <script src="../resources/ahem.js"></script>

 <style>
   p {
     -webkit-text-fill-color: transparent;
     background: url("resources/red-at-12-oclock-with-color-profile.jpg") -20px 100px;
     -webkit-background-clip: text;

     font: 220px Ahem, sans-serif;
     position: relative;
     top: -300px;
   }

   p + p {
     top: -650px;
   }
 </style>

 <!-- There should be no red on this page. -->
 <body style="overflow: hidden">
   <p>ppp</p><p>ppp</p>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<script src="../resources/ahem.js"></script>

	<style>
	p {
	-webkit-text-fill-color: transparent;
	background: url("resources/red-at-12-oclock-with-color-profile.jpg") -20px 100px;
	-webkit-background-clip: text;

	font: 220px Ahem, sans-serif;
	position: relative;
	top: -300px;
	}

	p + p {
	top: -650px;
	}
	</style>

	<!-- There should be no red on this page. -->
	<body style="overflow: hidden">
	<p>ppp</p><p>ppp</p>
	</body>
	</html>