Want a nice gradient background on your site? background-image: linear-gradient(red, blue); BOOM, done! Ok, it’s a little boring. So if you want more, I recommend this css-tricks article and MDN page. Still here? Alright, let’s go and have a look at some of the details of how linear-gradients actually work. First of all, let’s remind ourselves of the syntax allowed in the linear-gradient function:
![Do you really understand CSS linear-gradients?](https://cdn-ak-scissors.b.st-hatena.com/image/square/af1cf01e85f33b0f07c37ac599f4de8612a1a274/height=288;version=1;width=512/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A1200%2F1%2AsHII9He7gMmoL5ngX315XA.png)