在css3中定义了两种类型的渐变:什么和什么,分别使用什么和什么函数实现?

html-css022

在css3中定义了两种类型的渐变:什么和什么,分别使用什么和什么函数实现?,第1张

在CSS3中,定义了两种类型

(1)线性渐变:向下/向上/向左/向右/对角方向,使用linear-gradient()

(2)径向渐变:由它们的中心定义,使用radial-gradient()

有两种样式,一种是线性渐变,一种是径向渐变

线性渐变:background:linear-gradient(0deg,red,orange)0deg意思是渐变角度为0°

径向渐变:background:linear-gradient(circle,red 0%,orange)circle的意思是径向渐变的形状是圆形,eclipse是椭圆形(默认) 0%表示调整径向渐变颜色节点不均匀分布.