<div class="heading" data-title="Heading">Heading</div>
body {
margin: 0;
padding: 0;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
font-family: tahoma;
}
.heading {
position: relative;
z-index: 0;
font-size: 30px;
font-weight: bold;
line-height: 30px;
}
.heading:after {
content: attr(data-title);
position: absolute;
left: 0;
bottom: 0;
font-size: 60px;
line-height: 60px;
opacity: 0.1;
z-index: -1;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.