CSS Variables Tutorial (CSS Custom Properties)

In this video we will dive into CSS variables, also called CSS custom properties. We can now have dynamic values in our CSS without the use of a CSS pre-processor like Sass or Less

SPONSOR:

CODE: Codepen for this video

💖 BECOME A PATRON: Show support & get perks!

VISIT MY WEBISTE: Check Out My Udemy Courses

FOLLOW TRAVERSY MEDIA:

[vt_near]

I feel like i've learned more in the 2 weeks i've known about your channel than I did in the past 2 years without it. You build my motivation, confidence and my skills. Thank you Traversy Media-- Thanks to you, and your courses, I might actually become a programmer!

[jimothyus]

i watch alot of youtube and youre hands down my favorite youtuber. that says something about the quality of these videos.

[westfield]

I seriously learnt more from this one video than reading a whole chapter

[romaniaplus]

Thank you, Brad! As usual, you did an amazing job! Happy New Year to you and your family!

[xshadyz]

I'm a subscriber but haven't watched your videos in a while.
Everytime I come back to your channel I always learn something new with great examples that are easy to follow!

You're awesome explaining things in a way that always makes sense!
And I always learn new things!

[BlueIceAce]

These tutorials are simply the best, I have binged through probably 20 hours of your tutorials already. You are one of a kind. Thank you.

[IRgEEK]

Thanks so much for going in-depth and showing how CSS variables can actually be used from JavaScript. I see great possibilities with this! Thanks for the post!

[thomasweber]

Thanks Brad. Another great video. Many other youtubers would have ended their videos after 2 minutes and say “that’s it”. Just because you don’t but continue and give examples and show the advantages is the reason why your videos are as great as they are. I’ve learned a lot from your videos. Thanks for all the effort you put in your videos.

[mathankumar]

What a great quality content from you mate ❤️. I'm following you for last couple of weeks and find myself motivated to learn. It's just amazing and lost of words. Keep it going and will support your work in all possible ways 🙏

[AntonioRibeiro-qsfy]

A thorough explaination is exactly what we developers need...thanks Traversy Media

[ErikNonIdle]

These videos are great, Brad! They are so helpful, man. I really appreciate the depth think the presentation and pace is spot-on. Thanks!

[jasonwelsh]

As always, amazing tutorial! Thank you. I bought your new JS course and I can't wait to dig into it. Thanks for all the great content!

[mannelynburgos]

From my curriculum, I didn't grasp the concept of using the :root selector right away, but this video explained it perfectly! Thanks

[noelgrisham]

I didn't know about css varialbles (I thought only css preprocessors can do this) until this video. Your Udemy Angular 4 Front to Back is amazing. I found the right video tutorial for me. Keep it up brad! Thanks a lot!

[johnbritolima]

Great job. The little tips and workarounds makes all the difference. Thank you for you lesson.

[andrewrico]

great video brad, well im currently writing a css framework for personal use, with the help of css variables, and i can tell you that what you just show up in this videos isn't half of what css variable can do. they are even more powerful that what we just saw in this video.

[ga]

Thank you so much, for all these great tutorial you have been making to help people out, I enjoyed this one and understood the diff between this and the sass thanks to you.

[HostDotPromo]

Wow this is amazing, no longer need sass for small projects then! Cheers! 🍻😀

[hirephpdevelopers]

Brad you are amazing. I have learned a lot from this tutorial.

[aleksejpetricig]

A very well explained video to have an idea and a practical view about CSS variables. I really apreciated it!