How to add CSS Gradient Color Overlay to background image

[@joshuaolajide1479]

This saved me several weeks of trying to add a gradient, lolz. Implemented it in javascript though. Keep up with the good work.

[@tanvirahmedchowdhury2227]

Thanks a lot, man, May Allah bless you...I couldn't use dark overlay on the image properly by using
position: absolute,
top:0,
left:0,
height:60vh
blah blah bullshit. You've just saved my valuable time and given me such relief from huge tension.
That's why I'm subscribing your channel and keep doing awesome work like this man.

[@Divinector]

glad that it helps

[@chome4]

EXACTLY! So many timewasters who just want to show what they can do!

[@tahminaakter4029]

Linear gradient do not work my website plz help

[@jehadkhaled906]

thank you very much

[@cricket1409]

Awesome

[@gitlherme]

i love you man, thanks!

[@MostafaTiger1]

can you tell me the direction of the photo that you used in background in your computer pls because i have it in that direction C:\xampp\htdocs\img\1.jpg and it won't display :)

[@Divinector]

[@manashsarker]

Thanks

[@stardom6243]

thanks man

[@alainhonorekubwayo8819]

wow, this helped a lot! thanks

[@CodeNewbies]

good ... carry on

[@Gyuszy781]

Super cool

[@banglamusicfactory1295]

Nice

[@nandinibiswas9445]

thanks for upload

[@arsalanshaikh3763]

Thank u

[@Divinector]

thank you Sir ji

[@NeduZone]

nice one ... thanks

[@topabove4277]

Nice video

[@JDLearningTube]

Nice Tuturial....

[@asmaaderghal]

Great!!

[@tridentnaga8204]

What if Image not show up

[@Divinector]

remove the bg image and see what happen

[@tridentnaga8204]

@@Divinector url for image removed but URL tag is remain. but linear gradient is work. both color show up.

[@Divinector]

then what that you want

[@Prof_Farid]

thank you very helpful

[@Divinector]

Thanks, Mate. Please share

[@pkproductions1623]

How to set the gradient angle

[@Divinector]

background:linear-gradient(to right, red, green, blue) or to left or etc etc

[@Shibansh]

bruh in mine the gradient is coming many times over the image rather than once.?

[@Divinector]

have you used 100vh?

[@Shibansh]

@@Divinector bruh yes this is the solution, I even asked this question in reddit and there as well they suggested rather than using cover us height as 100vh , it won't get optimised and show the full gradient overlay

[@Shibansh]

Also mate an additional question, can i have multiple classes in one media query in css?

[@Itsme-gs1zv]

"URL" is a different part, Why are you writing in "RGB" quotes?

[@Divinector]

its easy to opacity by this way