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 vote284 views1 answer
The __________ is the framed area on a display screen and each responsive web page needs to have a meta tag defined for this property.
Html
11 votes311 views4 answers
Tailwind center text
Html
4 votes307 views1 answer
Bootsrap label
Html
3 votes289 views1 answer
Autoredirect html
Html
28 votes924 views3 answers
Html with new line \n
Html
1 vote336 views1 answer
How to move all html files from one directory to other using python
Html
0 vote291 views1 answer
Html5ap
Html
1 vote317 views8 answers
Embed Facebook feed into website
Html
0 vote384 views1 answer
Card button align bottom bootstrap
Html
3 votes360 views6 answers
Bootstrap latest version
Html