文字双层投影

<div class="bg">

    <div class="div">

        <div>登录</div>

        <div class="shadow">登录</div>

    </div>

</div>

<style>

    body {

        margin: 0

    }

    

    .bg {

        height: 100%;

         100%;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    

    .div {

        font-weight: 800;

        position: relative;

         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>