How to add gradient overlay to my background image by css

This article mainly introduces css how to add gradient overlay on my background image, which has a certain reference value, and interested friends can refer to it. I hope you can learn a lot after reading this article.

How to add a gradient overlay to my background image,

It is useful when you want to put some text on an image but the background is too shallow and the text is not clear, and it can also improve the image itself.

Body {background-image: linear-gradient (4deg, rgba) 30%, rgba (213 background-size 49) 127Power0.3) 45%, rgba (232Meijie 127Power0.3) 100%, url ("https://images.unsplash.com/photo-1503803548695-c2a7b4a5b875?ixlib=rb-1.2.1&auto=format&fit=crop&w=2250&q=80"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center}"

Thank you for reading this article carefully. I hope the article "how to add gradient overlay to my background image" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support and follow the industry information channel. More related knowledge is waiting for you to learn!