background-blend-mode Property

suggest change
.my-div {
    width: 300px;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, black 0%,white 100%), url('');
<div class="my-div">Lorem ipsum</div>

See result here:

CSS Syntax: background-blend-mode: normal | multiply | screen | overlay | darken | lighten | color-dodge | saturation | color | luminosity;

Feedback about page:

Optional: your email if you want me to get back to you:

Table Of Contents