#29 CSS Gradients - CSS Full Tutorial

In this CSS Gradient tutorial we take a look at the linear-gradient and radial-gradient properties in detail, by the end of this video you will know how to implement the CSS Gradient property into your projects.
This lesson is part of a wider CSS Full Tutorial which you find here: • #1 - What is CSS? - CS...
👆SUBSCRIBE and hit the BELL NOTIFICATION 🔔: goo.gl/nYLZvz
------------------
👈 😃 PREVIOUS VIDEO: • #28 CSS Shadow Propert...
------------------
👍 CSS FULL TUTORIAL: • #1 - What is CSS? - CS...
------------------
👍 HTML FULL TUTORIAL: • #1 - What is HTML used...
------------------
Text editor used in this lesson: Brackets - brackets.io/
------------------
FACEBOOK: / devdreamercode
TWITTER: / devdreamercode
👆SUBSCRIBE and hit the BELL NOTIFICATION 🔔: goo.gl/nYLZvz
------------------------------------------------------------------------------------
Learn with Dev Dreamer! Step by step and simple to understand :-)

[@DevDreamer]

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? 👇

[@kiranshelar2961]

Your content is so easy to follow ! Subscribed ! :)

[@Sameer10563]

thanks man, content precise and to the point, i subscribe

[@user-ew7bx4zc3x]

Thank you for clear and simple explanation

[@roukawa]

this course is very helpful to me thank u
i hope to continue to another course's frame work

[@FM-zf2fz]

Merry Christmas. Very well explained.

[@shivkounsalye3245]

It was a great experience on your first video brother...i had learnt exactly what i was looking for

[@DevDreamer]

Awesome Shiv! Thank you for watching, please subscribe if you haven't already 🙂👍

[@kennethvega7332]

Thank you, I hope you make beautiful website designs in the future 🙂👍

[@ca-lt1fc]

interesting and fun video! tx DD, you are the bomb...

[@anthonyrobert1376]

hi, i just found your channel and i subscribed immeidately, keep up the great work

[@DevDreamer]

Hey Anthony, thank you so much 🙂👍

[@manojjrkhiara240]

You are a good teacher, thank u Sir
Regards manoj india

[@yuriaugusto1084]

This is a good tutorial!!

[@flashsters]

Thanks a lot it's super helpful :) 😀😀😀😀😀😀😀. FYI we also have conic-gradients.

[@natashanyamvwala285]

Love this

[@wqken6742]

hey! I cant tell how much your channel helped me thanks! :)

[@DevDreamer]

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 🙂👍

[@dllm3tommy741]

Thanks for the video

[@UnknownUser-xe9bc]

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 ❤️👍

[@DevDreamer]

Hey Ritu, thank you so much for this wonderful comment, I really appreciate your support 🙂👍

[@the_hasnat]

Good job

[@maweryoutube9852]

Very very amazing and usefulllllllllllllllllllllllllllllllllllllllllllllllllll

[@eminationfuzion4924]

hey, how do you do the animations you presented at the beginning?

[@DevDreamer]

Hey EminationFuZioN, I'm hoping to do a future videos about these 🙂👍

[@ajiteshmishra]

new subscriber

[@qb3014]

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;

[@kkeoppi]

how can i put a text inside the linear gradient? i cant put any text in my linear gradient what should i do?

[@elmiabir7059]

Why does weird thing happen when I type
body{ background-image: linear-gradient(red, blue);} ?

[@_gauravkumar]

why is not gradient smooth in vertical and horizontal direction but in other directions??

[@CampusLifeShow-zt1kc]

10q bro

[@abteyeb7969]

it is good

[@DevDreamer]

Thanks for watching! Any other tutorial you’d like to see? 🙂👍

[@chimdindunwosu8087]

@@DevDreamer bootstrap

[@calipso278]

How to do top and bottom sir

[@stomperhk9107]

No matter how much I watch the video and search, I really can't understand de the part (about closest-side, closest corner...).

[@jasonchua4001]

same here

[@stomperhk9107]

@@jasonchua4001 Yeah, I just ignored it.

[@moshiurrahman5440]

Software name?

[@BEN-hs7zm]

😅

[@backspaced97]

at the start i thoughjt i had 2x speed on

[@DevDreamer]

Haha apologies! I do talk quite fast, hope you enjoyed the content 👍