文字双层投影
<div class="bg">
<div class="div">
<div>登录</div>
<div class="shadow">登录</div>
</div>
</div>
<style>
body {
margin: 0
}
.bg {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.div {
font-weight: 800;
position: relative;
width: 100%;
text-align: center
}
.shadow {
position: absolute;
top: -20px;
left: 50%;
color: rgba(0, 0, 0, 0.1);
font-size: 30px;
z-index: -10
}
</style>