CodePen Embed - Simple mix-blend-mode

<div>
  
  <video autoplay loop>
    <source src="https://assets.codepen.io/226833/workers.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>

  <h1>Safety first</h1>
  
</div>

div {
  position: relative;
}

h1 {
  position: absolute;
  bottom: .1em;
  left: .1em;
  margin: 0;
  
  font-family: sans-serif;
  text-align: right;
  text-transform: uppercase;
  color: red;
  font-size: 20vw;
  font-weight: 900;
  line-height: .85;
  
  mix-blend-mode: multiply;
  
}

video {
  max-width: 100%;
  height: auto;
}

This Pen is owned by Keith Devon on CodePen.

See more by @keithdevon on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.