Text mask text effect using blend modes
A Pen by Mandy Michael on CodePen.
<h1>Kaboom</h1> |
html, body { | |
height: 100%; | |
background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/kaboom-night.jpg'); | |
background-size: cover; | |
} | |
h1 { | |
display: flex; | |
align-items: center; | |
justify-content: center; | |
align-content: center; | |
height: 100%; | |
width: 100%; | |
margin: 0; | |
font-size: 20vw; | |
font-family: 'Luckiest Guy', cursive; | |
background: black; | |
color: white; | |
letter-spacing: 0.625rem; | |
mix-blend-mode: multiply; | |
text-shadow: 3px 3px 3px rgba(0, 0, 0, 1), 2px 2px 40px rgba(255, 255, 255, 0.7); | |
} |
Text mask text effect using blend modes
A Pen by Mandy Michael on CodePen.