创造了一个渐进的CSS线性梯度

理解

应用一个HTML元素的颜色并不仅限于一个平铺的颜色。CSS可以颜色变形（color transitions），比如梯度，一个元素。

这就是background属性的linear-gradient()功能。

这是一般的语法：

background: linear-gradient(gradient_direction, color 1, color 2, color 3,...);

关于颜色变形的角度，90deg是直角，45deg像斜杠。

举例

background: linear-gradient(90deg,red, yellow, rgb(204,204,255));

练习

使用linear-gradient()为div元素的background添加渐进色，角度为35度，颜色是#CCFFFF到#FFCCCC。

注意： 也可以使用其他方法设置颜色值，比如rgb或hsl()，或者十六色。

来源

Applied Visual Design: Create a Gradual CSS Linear Gradient | Learn freeCodeCamp

CHANGELOG

2018-10-29 17:09:14