text-clip-with-blend-modes.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Text Clipping Masks with CSS Blend Modes</title>
	<link rel="stylesheet" href="css/text-clip-with-blend-modes.css">
</head>
<body>
	<div class="dark">
		<h1>Chicago</h1>
		<!-- <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/chicago.jpg" alt="Photograph of the Chicago skyline taken from the water during the day"> -->
	</div>
	<div class="light">
		<h1>Houston</h1>
		<!-- <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/houston.jpg" alt="Photograph of the Houston skyline taken from a tree-lined park"> -->
	</div>
</body>
</html>