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

1 vote157 views1 answer
How to align 2 buttons in a div
Html
0 vote160 views1 answer
Can't bind to 'fill' since it isn't a known property of ':svg:path'
Html
0 vote153 views1 answer
Invisible element html
Html
0 vote174 views1 answer
How to load at bottom of page html
Html
15 votes177 views2 answers
Scroll smooth css
Html
0 vote207 views1 answer
Site:www.javascriptcn.com como criar uma cal com letras e numeros
Html
0 vote178 views1 answer
Convert html to image laravel
Html
0 vote153 views1 answer
Readium github
Html
0 vote159 views1 answer
Vue transition v-if else
Html
9 votes148 views2 answers
Bootstrap Outline buttons
Html