css3渐变属性有哪些

html-css010

css3渐变属性有哪些,第1张

CSS3 定义了两种类型的渐变(gradients):

线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向

语法:background-image: linear-gradient(direction, color-stop1, color-stop2, ...)

径向渐变(Radial Gradients)- 由它们的中心定义

语法:background-image: linear-gradient(angle, color-stop1, color-stop2)

在CSS3中,定义了两种类型

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

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

<div style="height:50pxbackground-image:linear-gradient(to right,red,yellow,red)"></div>