CSS3 opacity gradient?

Question

I am looking to create an effect like this, but my website has a dynamic background-color. Note that this example uses a white overlay, which does not work with

Answer 1

We can do it by css like.

body {
  background: #000;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, .3) 0%, rgba(231, 231, 231, .3) 22.39%, rgba(209, 209, 209,  .3) 42.6%, rgba(182, 182, 182, .3) 79.19%, rgba(156, 156, 156, .3) 104.86%);
  
}