How to add CSS Gradient Color Overlay on an Image background -

[@uberdrivebye5582]

I've searched everywhere for a tutorial like this. FINALLY!!!! Thanks! I subscribed.

[@everythinggames1563]

You just helped me understand gradient in 6 mins. You just earned yourself a subscriber

[@adewaleabiona2552]

This is a great tutorial on how to add gradient color overlay on background image. Very concise and gives optimal result

[@smashtheshell]

Glad it was helpful!

[@SheriffKoder9]

Thank you!! there is a huge difference between putting the image before or after the gradient, this helped me figure it out ! image=after :)

[@summersoker4044]

highly RECOMMENDED video!!! thanks a ton!!! this is the third tutorial I watched and u explained it great!

[@smashtheshell]

Thank you so much for your support! It means a lot to me :)

[@toderox]

best explantion ever... so simple yet useful!!! congratulations!

[@smashtheshell]

Thank you! It would be great if you could share what other topics you want me to cover here. :)

[@mutiaraichsan5061]

i like you when you explain...slowly one by one

[@smashtheshell]

Thank you so much! Making a comeback on this platform very soon. It would be great to hear what other topics you might want me to cover! :)

[@earlycreations3905]

Superb, this is straightforward and easy tutorial. Kudos bro!

[@smashtheshell]

Thanks for your kind words! Let me know what else you would like to see from me on this channel? Thank you.

[@Moodboard39]

@@smashtheshell it doesn't work

[@mooomalooomabaloooma]

This tutorial makes sense made it easy to understand and it was straightforward. Thank you!

[@marieb4314]

please I've tried doing that but it doesn't work

[@marieb4314]

I'm using chrome browser it doesn't work

[@khatariinsaan5284]

What a Perfect Explanation as I expected :)

[@rin4961]

OMG THANK YOU SO MUCH! I've tried so many ways, searched in google and nothing helped. Your solution helped me to resolve the problem with only one line!

[@smashtheshell]

Hey Rina, I am really happy that it helped. Thank you for your feedback 😊

[@ItsRawrTopia]

Subscribed! Amazing!

[@rawcrazycomrade]

Very simple and easy to understand! Thanks!

[@smashtheshell]

Glad it was helpful!

[@thelaiq]

You deserve more likes

[@smashtheshell]

Thanks 😊🙏🙏

[@olyashulpina2777]

Thanks! I will try this and write about the result later)

[@jessadefiesta7890]

thank you

[@danielasilva1864]

This video help me a lot! Thank you so much

[@justsaybobby]

THANK YOU SOO MUCH FOR THIS VIDEO

[@ar-world2904]

Thanks man it was so helpful

[@rowilmoran7321]

Thanks dude!

[@hectorg362]

Thanks for this!

[@asifhossain2088]

thank u bro!!!!!!!!

[@ione7260]

Nice work its helping me to make better styles

[@smashtheshell]

Great! 😊 Keep learning. I appreciate your feedback bro.

[@mahbubulhaque3137]

just wow!!!! it makes my work easier

[@avoybaruah8061]

Thanks Brother It help me a lot

[@peasfulwarrior2452]

thank you so much mate!👍😎

[@AbhishekSingh-on6bx]

Nice!!!

[@vikisneakers]

Thank you very much i have solved my problem🤗

[@akatski666]

THANK YOU!!

[@fazliddinkhamidullayev4695]

very nice video, thank you bro

[@husseinal-masoodi2445]

Thanks

[@smashtheshell]

Welcome

[@caH40yc]

Thanks!

[@PodcastDakwah]

Thanks a lot.

[@a1x5h04]

U Can Also Add RGBA values directly ...

[@siawonderswhy]

thank you so much

[@priteshpatel1530]

cool bro it's too help full video for me

[@smashtheshell]

thanks bro 😍

[@usamanayab8381]

Perfect

[@AdrianMMable]

How can you apply the gradient to the text. This applies only to the background.

[@smashtheshell]

Hey, you can refer to this video to apply gradient on text and animate it at the same time: th-cam.com/video/2NxUssDAxoY/w-d-xo.html

[@smsmsmow4109]

can i use this with blend ? or mix ?

[@dwade2563]

is there something i missed becuase when i type :root in my CSS it doesnt work for me and it just looks like reguler text can you help me

[@smashtheshell]

Hey sure I can help you with that! Can you please share your code? You can ping me on twitter @iAmitkumar

[@dwade2563]

@@smashtheshell alright il do that thank you

[@dwade2563]

just sent it to you

[@SarcasmKings]

How could I use this property of gradient overlay in my weather app......please help me....maine weather forecast app bnaya h angular me by using node Package module (npm)🙏🙏please reply

[@TeluguTechism]

Add gradients with respective weather mood...like
•if it's sunny use a warm gradient
•if it's cool use a blush gradient
•if it's thunder use a dark gradient
Dig into the nature man...u will get lot of ideas🤝

[@SarcasmKings]

I have to develop a method and have to apply if condition...... isn't it?

[@TeluguTechism]

@@SarcasmKings absolutely 🎉

[@nicolaschavez8841]

no me salio ;c

[@Moodboard39]

it dosn't work

[@smashtheshell]

Hi, I am wondering I come it doesn't work for you. Could you share your code so that I could look into it.

[@Moodboard39]

@@smashtheshell I will. I did exactly as you did ...picture background wasn't showing .

[@emirhandemir3872]

#FC466B
#3F5EFB

[@kazzsingh5656]

Thank you