CSS Gradients and repeating gradients

166,310

4,704 0

Published 2018-11-02

A quick look at CSS gradients. While the basics of them are really simple, a lot of people don't know about repeating gradients, which are really easy to use and which let you do some pretty cool stuff.

#fiveminutefriday

---

I have a newsletter! www.kevinpowell.co/newsletter

New to Sass, or want to step up your game with it? I've got a course just for you: www.kevinpowell.co/learn-sass

---

My Code Editor: VS Code - code.visualstudio.com/

How my browser refreshes when I save: • How to automatically refresh your bro...

---

Support me on Patreon: www.patreon.com/kevinpowell

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram: www.instagram.com/kevinpowell.co/
Twitter: twitter.com/KevinJPowell
Codepen: codepen.io/kevinpowell/
Github: github.com/kevin-powell

All Comments (21)

@ahmed.mfawzy3475 5 years ago

OMG ... finally i know how to use gradient in css !!! thank you man ...
@kidbrave_7673 3 years ago

Thank you master of CSS!!!. You made me a believer in thinking the impossible with using CSS gradients and it not being possible with making your background being set at an angle and having a line cutting off the different colors, but leave it to no surprise it is definitely possible thanks to this amazing content, so thank you so much for making this video Kevin your the BEST!!. :D
@olawaseem 5 years ago

Thank you so so much, I spent nearly an hour to understand how it works I was changing numbers until everything become clear for me, BTW your videos are giving the motivation :). Regards,
@albenideslyma 4 years ago

Thank you teacher. I am a Brazilian programmer and I follow you to learn more. very good your tips. <3
@arjunlubana9720 4 years ago

These 5 minutes videos are a lifesaver.
@kenshinnanashi9469 5 years ago

great video - right in spot. I like the idea of 5-minute video with nothing but pure content.
@Pedritox0953 5 years ago

#fiveminutefriday thank you!!! You are a genius... lomg enough to cover simple subjects and a day to relax and see something new... wait for more next friday
@niclinford5495 1 year ago

Loving the way that format is one your screen mate! super easy to follow cheers.
@umslopogaas 5 years ago

Cool narrative style, full of info. Great vid dude. 👌 ♥
@rotimishaibu6790 5 days ago

Thanks Mr Powell. Finally I know how to use linear gradient. It seemed like a mountain to me before. Although, this is not my first video from your end, but I just have to admit your narrative style seem to me the best. In some others', I feel magic is done and then miracle in the sky. Please don't stop sir.
@saurabh75prakash 2 years ago

Awesome video, thanks Kevin
@irenejusto4310 3 years ago

This is so helpful, thank you Kevin!!
@paullegaspi5384 5 years ago

I love this series!
@wall22 5 months ago

This is brilliant. Thank you so much!
@Protoscribe 5 years ago

Holy crap that red and blue broke me haha. Keep it up Kevin, I like dropping by and seeing you do simple fun things like this.
@shubhamsonawane791 5 years ago

i really like how you explain things and your videos are easy to understands
@Batman_Andyy 1 year ago

Made it seem so easy Thanks a lot
@MrToRoKoN 5 years ago

I just love u man. Finally I found something like this on YT.
@AmirulIslam-gg2fn 5 years ago

I was actually really confused about the linear-gradient's values/parameters, but it's crystal clear now. Thanks a lot :)
@KelvinEreremena 8 days ago

Thank you, Kevin