[Vuejs]-Masked text which fills on scroll with CSS?

To do a parallax effect, add these css props into your background image:

.my-background {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}