html 代码块
<div class="textPenetration">
<div class="modal">
<h1>ABCDEFGHIJKLMN</h1>
</div>
</div>
css 代码块
textPenetration{
--bg: url('../assets/girl.jpg') no-repeat center;
width: 100%;
height: 100vh;
background: var(--bg);
background-size: cover;
}
.modal{
background: rgba(0, 0, 0, .7);
width: 100%;
height: 100%;
}
.modal h1{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 10vw;
-webkit-text-stroke: 1px #fff;
background: var(--bg);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}