Thanks for watching! Be sure to smash the Like and Subscribe buttons 🙂👍 If you found this video useful let me know below 👇also how do you plan on using CSS Gradients? 👇
Thanks sir your html CSS JavaScript playlist is very helpful for me !❤️ Thanku soooooooo much 😍😍😍 Amazing explanation 😺👍 I saw many tutorials of html CSS and js but your channel is impressive!! Keep spreading your knowledge ☺️ For all videos ❤️👍
hey i have a problem, it shows a yellow error with this messages: "Also define the standard property 'background-clip' for compatibility" css(vendorprefix) this is my code: h1{ position: center; font-size: 60px; top: 35%; left: 20%; background: linear-gradient(90deg, #ff0000, #ffff00, #ff00f3, #0033ff, #ff00c4, #ff0000); background-size: 400%; font-family: sans-serif; letter-spacing: 5px; font-weight: 600; word-spacing: 5px; -webkit-text-fill-color: transparent; -webkit-background-clip: text;
You didn't understand it because he added ''at position" property, do not add position property if you want to see the difference clearly. Farthest-side makes the gradient bigger in size, it expands the size of the circle farther to the the edgees of the container, while closest-side makes the circle smaller, it draws the circle close to the center of the center. Farthest-corner expands the circle closer to the 4 edges of the container, this makes the circle even larger than farther-side property, and the closest-corner makes the circle bigger than closest-side
@@stomperhk9107but it's good to know these things, I hate to leave any stone unturned, because there's a reason that property was created in the first place, you might run into a problem later in the future where that property would have easily rescued you😊
Thanks for watching! Be sure to smash the Like and Subscribe buttons 🙂👍
If you found this video useful let me know below 👇also how do you plan on using CSS Gradients? 👇
You are a good teacher, thank u Sir
Regards manoj india
Your content is so easy to follow ! Subscribed ! :)
hi, i just found your channel and i subscribed immeidately, keep up the great work
Hey Anthony, thank you so much 🙂👍
this course is very helpful to me thank u
i hope to continue to another course's frame work
very nice lesson
It was a great experience on your first video brother...i had learnt exactly what i was looking for
Awesome Shiv! Thank you for watching, please subscribe if you haven't already 🙂👍
Merry Christmas. Very well explained.
Thank you for clear and simple explanation
thanks man, content precise and to the point, i subscribe
hey! I cant tell how much your channel helped me thanks! :)
Hey Viraj! These are the kind of comments that make what I'm doing worthwhile. I really appreciate your support brother, thank you and stay tuned 🙂👍
Thanks a lot it's super helpful :) 😀😀😀😀😀😀😀. FYI we also have conic-gradients.
interesting and fun video! tx DD, you are the bomb...
Thank you, I hope you make beautiful website designs in the future 🙂👍
Thanks sir your html CSS JavaScript playlist is very helpful for me !❤️
Thanku soooooooo much 😍😍😍
Amazing explanation 😺👍
I saw many tutorials of html CSS and js but your channel is impressive!!
Keep spreading your knowledge ☺️
For all videos ❤️👍
Hey Ritu, thank you so much for this wonderful comment, I really appreciate your support 🙂👍
This is a good tutorial!!
Very very amazing and usefulllllllllllllllllllllllllllllllllllllllllllllllllll
Thanks for the video
Love this
hey, how do you do the animations you presented at the beginning?
Hey EminationFuZioN, I'm hoping to do a future videos about these 🙂👍
Good job
Why does weird thing happen when I type
body{ background-image: linear-gradient(red, blue);} ?
hey i have a problem, it shows a yellow error with this messages:
"Also define the standard property 'background-clip' for compatibility" css(vendorprefix)
this is my code:
h1{
position: center;
font-size: 60px;
top: 35%;
left: 20%;
background: linear-gradient(90deg, #ff0000, #ffff00, #ff00f3, #0033ff, #ff00c4, #ff0000);
background-size: 400%;
font-family: sans-serif;
letter-spacing: 5px;
font-weight: 600;
word-spacing: 5px;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
new subscriber
how can i put a text inside the linear gradient? i cant put any text in my linear gradient what should i do?
why is not gradient smooth in vertical and horizontal direction but in other directions??
No matter how much I watch the video and search, I really can't understand de the part (about closest-side, closest corner...).
same here
@@jasonchua4001 Yeah, I just ignored it.
You didn't understand it because he added ''at position" property, do not add position property if you want to see the difference clearly. Farthest-side makes the gradient bigger in size, it expands the size of the circle farther to the the edgees of the container, while closest-side makes the circle smaller, it draws the circle close to the center of the center. Farthest-corner expands the circle closer to the 4 edges of the container, this makes the circle even larger than farther-side property, and the closest-corner makes the circle bigger than closest-side
@@stomperhk9107but it's good to know these things, I hate to leave any stone unturned, because there's a reason that property was created in the first place, you might run into a problem later in the future where that property would have easily rescued you😊
it is good
Thanks for watching! Any other tutorial you’d like to see? 🙂👍
@@DevDreamer bootstrap
How do I do a linear gradient for the whole page
Hey, you can maybe add the css for the linear gradient to the tag itself, thanks for watching 🙂👍
10q bro
How to do top and bottom sir
Software name?
😅
at the start i thoughjt i had 2x speed on
Haha apologies! I do talk quite fast, hope you enjoyed the content 👍
very nice lesson