Blend Mode Experiment #5

HTML
<h1>CHILLOUT</h1>
CSS
*{ margin: 0 0 0 0; padding: 0 0 0 0; } html, body { height: 100%; width: 100%; } body { background: url(https://hd.unsplash.com/photo-1445986478946-8504638d4eab) no-repeat no-repeat center center; background-size: cover; } h1 { position: absolute; top: 50%; left: 35%; transform: translate(-50%, -50%); font-family: raleway, sans-serif; font-size: 95px; line-height: 60px; text-align: center; padding: 20px; background: #333; color: white; mix-blend-mode: multiply; }
JAVASCRIPT
Expand for more options Login