有趣的CSS函数：linear-gradient

有趣的CSS函数

最近在做一个项目，项目中用到了纯css的边界动效，以及CSS绚丽的颜色处理，就抽时间把这几个函数整理了一下。
CSS 有以下几个函数：（标注CSS2的是指CSS2支持的 其他都是CSS3支持的）
attr() 返回选择元素的属性值（CSS2）。
calc() 允许计算 CSS 的属性值，比如动态计算长度值。
cubic-bezier() 定义了一个贝塞尔曲线(Cubic Bezier)。
hsl() 使用色相、饱和度、亮度来定义颜色。
hsla() 使用色相、饱和度、亮度、透明度来定义颜色。
linear-gradient() 创建一个线性渐变的图像。
radial-gradient() 用径向渐变创建图像。
repeating-linear-gradient() 用重复的线性渐变创建图像。
repeating-radial-gradient() 类似 radial-gradient()，用重复的径向渐变创建图像。
rgb() 使用红®、绿(G)、蓝(B)三个颜色的叠加来生成各式各样的颜色（CSS2）。
rgba() 使用红®、绿(G)、蓝(B)、透明度(A)的叠加来生成各式各样的颜色。
var() 用于插入自定义的属性值。
常用的有：calc() cubic-bezier() linear-gradient() radial-gradient() rgba()
具体的使用方法、属性值及兼容性，请点击~
calc
cubic-bezier
linear-gradient
radial-gradient
rgb、rgba