Gradient on top of image css

#show_bg_2 {
    background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),
    url('images/background.jpg');
    width: 80%;
    height: 400px;
    background-size: cover;
    color: white;
    padding: 20px;
}

Source: webdevetc.com

Similar codes

0 vote174 views1 answer
How to put an image in the top right corner html
Html
5 votes254 views2 answers
How to make password visible button in html
Html
4 votes200 views2 answers
Html capitalize
Html
0 vote199 views1 answer
How to add extra line in html
Html
0 vote194 views1 answer
My Projects
Html
1 vote200 views1 answer
Bootstrap a link disabled
Html
11 votes313 views2 answers
Text -center bootstrap
Html
0 vote217 views1 answer
Code highlighter html
Html
0 vote183 views1 answer
Text displayed over an image
Html
9 votes214 views2 answers
How to make a div stick to bottom of page bootstrap
Html