Blend Mode Experiment #4

HTML
<h1>BLACK</h1> <h2>AND</h2> <h1>WHITE</h1>
CSS
body { text-align: center; font-family: Brandon-Grotesque, sans-serif; color: #fff; background-image: linear-gradient(90deg,#fff 48.4%,#000 48.41%); margin: 0; margin-top: 12rem; } h1, h2 { margin: 0; mix-blend-mode: difference; } h1 { font-size: 10rem; } h2 { font-size: 5rem; font-weight: 400; }
JAVASCRIPT
Expand for more options Login