html,

body {

    width: 100%;

    height: 100%;

    display: flex;

    // background: #000;

}

​

p {

    position: relative;

    width: 400px;

    margin: auto;

    font-size: 20px;

    line-height: 2;

    color: #666;

    z-index: 1;

}

​

a {

    background: linear-gradient(90deg, transparent, transparent 70%, #fff);

    background-repeat: no-repeat;

    cursor: pointer;

    color: transparent;

    &::before {

        content: "Mollitia nostrum placeat consequatur deserunt velit ducimus possimus commodi temporibus debitis quam";

        position: absolute;

        top: 0;

        left: 0;

        color: #000;

        z-index: -1;

    }

}

​

​