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

  Рет қаралды 69,584

smashtheshell

smashtheshell

Күн бұрын

Пікірлер: 69
@everythinggames1563
@everythinggames1563 2 жыл бұрын
You just helped me understand gradient in 6 mins. You just earned yourself a subscriber
@uberdrivebye5582
@uberdrivebye5582 3 жыл бұрын
I've searched everywhere for a tutorial like this. FINALLY!!!! Thanks! I subscribed.
@SheriffKoder9
@SheriffKoder9 2 жыл бұрын
Thank you!! there is a huge difference between putting the image before or after the gradient, this helped me figure it out ! image=after :)
@adewaleabiona2552
@adewaleabiona2552 3 жыл бұрын
This is a great tutorial on how to add gradient color overlay on background image. Very concise and gives optimal result
@smashtheshell
@smashtheshell 3 жыл бұрын
Glad it was helpful!
@summersoker4044
@summersoker4044 2 жыл бұрын
highly RECOMMENDED video!!! thanks a ton!!! this is the third tutorial I watched and u explained it great!
@smashtheshell
@smashtheshell 2 жыл бұрын
Thank you so much for your support! It means a lot to me :)
@toderox
@toderox 2 жыл бұрын
best explantion ever... so simple yet useful!!! congratulations!
@smashtheshell
@smashtheshell 2 жыл бұрын
Thank you! It would be great if you could share what other topics you want me to cover here. :)
@mutiaraichsan5061
@mutiaraichsan5061 2 жыл бұрын
i like you when you explain...slowly one by one
@smashtheshell
@smashtheshell 2 жыл бұрын
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
@earlycreations3905 2 жыл бұрын
Superb, this is straightforward and easy tutorial. Kudos bro!
@smashtheshell
@smashtheshell 2 жыл бұрын
Thanks for your kind words! Let me know what else you would like to see from me on this channel? Thank you.
@Moodboard39
@Moodboard39 2 жыл бұрын
@@smashtheshell it doesn't work
@fazliddinkhamidullayev4695
@fazliddinkhamidullayev4695 2 жыл бұрын
very nice video, thank you bro
@ItsRawrTopia
@ItsRawrTopia 3 жыл бұрын
Subscribed! Amazing!
@rin4961
@rin4961 2 жыл бұрын
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
@smashtheshell 2 жыл бұрын
Hey Rina, I am really happy that it helped. Thank you for your feedback 😊
@thelaiq
@thelaiq 3 жыл бұрын
You deserve more likes
@smashtheshell
@smashtheshell 3 жыл бұрын
Thanks 😊🙏🙏
@mooomalooomabaloooma
@mooomalooomabaloooma 3 жыл бұрын
This tutorial makes sense made it easy to understand and it was straightforward. Thank you!
@marieb4314
@marieb4314 8 ай бұрын
please I've tried doing that but it doesn't work
@marieb4314
@marieb4314 8 ай бұрын
I'm using chrome browser it doesn't work
@hectorg362
@hectorg362 2 жыл бұрын
Thanks for this!
@asifhossain2088
@asifhossain2088 2 жыл бұрын
thank u bro!!!!!!!!
@jessadefiesta7890
@jessadefiesta7890 3 жыл бұрын
thank you
@justsaybobby
@justsaybobby 2 жыл бұрын
THANK YOU SOO MUCH FOR THIS VIDEO
@AbhishekSingh-on6bx
@AbhishekSingh-on6bx 2 жыл бұрын
Nice!!!
@avoybaruah8061
@avoybaruah8061 2 жыл бұрын
Thanks Brother It help me a lot
@rowilmoran7321
@rowilmoran7321 3 жыл бұрын
Thanks dude!
@akatski666
@akatski666 2 жыл бұрын
THANK YOU!!
@mahbubulhaque3137
@mahbubulhaque3137 3 жыл бұрын
just wow!!!! it makes my work easier
@khatariinsaan5284
@khatariinsaan5284 3 жыл бұрын
What a Perfect Explanation as I expected :)
@ar-world2904
@ar-world2904 3 жыл бұрын
Thanks man it was so helpful
@olyashulpina2777
@olyashulpina2777 3 жыл бұрын
Thanks! I will try this and write about the result later)
@ione7260
@ione7260 3 жыл бұрын
Nice work its helping me to make better styles
@smashtheshell
@smashtheshell 3 жыл бұрын
Great! 😊 Keep learning. I appreciate your feedback bro.
@caH40yc
@caH40yc 3 жыл бұрын
Thanks!
@husseinal-masoodi2445
@husseinal-masoodi2445 3 жыл бұрын
Thanks
@smashtheshell
@smashtheshell 3 жыл бұрын
Welcome
@rawcrazycomrade
@rawcrazycomrade 3 жыл бұрын
Very simple and easy to understand! Thanks!
@smashtheshell
@smashtheshell 3 жыл бұрын
Glad it was helpful!
@danielasilva1864
@danielasilva1864 3 жыл бұрын
This video help me a lot! Thank you so much
@smsmsmow4109
@smsmsmow4109 Жыл бұрын
can i use this with blend ? or mix ?
@priteshpatel1530
@priteshpatel1530 3 жыл бұрын
cool bro it's too help full video for me
@smashtheshell
@smashtheshell 3 жыл бұрын
thanks bro 😍
@vikisneakers
@vikisneakers 3 жыл бұрын
Thank you very much i have solved my problem🤗
@usamanayab8381
@usamanayab8381 2 жыл бұрын
Perfect
@peasfulwarrior2452
@peasfulwarrior2452 3 жыл бұрын
thank you so much mate!👍😎
@PodcastDakwah
@PodcastDakwah 3 жыл бұрын
Thanks a lot.
@siawonderswhy
@siawonderswhy 3 жыл бұрын
thank you so much
@a1x5h04
@a1x5h04 2 жыл бұрын
U Can Also Add RGBA values directly ...
@uocam1220
@uocam1220 9 күн бұрын
what is extention show table color
@AdrianMMable
@AdrianMMable 2 жыл бұрын
How can you apply the gradient to the text. This applies only to the background.
@smashtheshell
@smashtheshell 2 жыл бұрын
Hey, you can refer to this video to apply gradient on text and animate it at the same time: kzbin.info/www/bejne/aH_bhqapeaarpbs
@dwade2563
@dwade2563 2 жыл бұрын
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
@smashtheshell 2 жыл бұрын
Hey sure I can help you with that! Can you please share your code? You can ping me on twitter @iAmitkumar
@dwade2563
@dwade2563 2 жыл бұрын
@@smashtheshell alright il do that thank you
@dwade2563
@dwade2563 2 жыл бұрын
just sent it to you
@SarcasmKings
@SarcasmKings 3 жыл бұрын
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
@TeluguTechism 3 жыл бұрын
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
@SarcasmKings 3 жыл бұрын
I have to develop a method and have to apply if condition...... isn't it?
@TeluguTechism
@TeluguTechism 3 жыл бұрын
@@SarcasmKings absolutely 🎉
@nicolaschavez8841
@nicolaschavez8841 2 жыл бұрын
no me salio ;c
@Moodboard39
@Moodboard39 2 жыл бұрын
it dosn't work
@smashtheshell
@smashtheshell 2 жыл бұрын
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
@Moodboard39 2 жыл бұрын
@@smashtheshell I will. I did exactly as you did ...picture background wasn't showing .
@emirhandemir3872
@emirhandemir3872 2 жыл бұрын
#FC466B #3F5EFB
@kazzsingh5656
@kazzsingh5656 2 жыл бұрын
Thank you
Use a Background Linear Gradient to Help Text Pop on a Background Image
7:39
Six Minutes. Smarter.
Рет қаралды 20 М.
How to Add Gradient Overlay to Image in CSS
5:09
ByteGrad
Рет қаралды 21 М.
How Many Balloons To Make A Store Fly?
00:22
MrBeast
Рет қаралды 173 МЛН
Мама у нас строгая
00:20
VAVAN
Рет қаралды 12 МЛН
CSS Gradients and repeating gradients
6:02
Kevin Powell
Рет қаралды 177 М.
How to add CSS Gradient Color Overlay to background image
5:54
Divinector
Рет қаралды 40 М.
Best Delivery Driver Videos of the Decade
10:28
Daily Dose Of Internet
Рет қаралды 2,5 МЛН
#29 CSS Gradients - CSS Full Tutorial
7:28
Dev Dreamer
Рет қаралды 57 М.
Award Winning Animation With Only 20 Lines Of CSS?
6:59
Hyperplexed
Рет қаралды 1,9 МЛН
CSS Blend Modes - Product Image Color Selection with HTML and CSS
23:45
Simple CSS Color Overlay For Background Images
8:11
iEatWebsites
Рет қаралды 133 М.
Learn CSS Grid the easy way
37:04
Kevin Powell
Рет қаралды 935 М.
Colorful Background with linear-gradient
17:41
Coding Journey
Рет қаралды 46 М.
How Many Balloons To Make A Store Fly?
00:22
MrBeast
Рет қаралды 173 МЛН