gradient是什么意思 CSS3渐变gradient

大家好,今天小编来为大家解答以下的问题，关于gradient是什么意思，CSS3渐变gradient这个很多人还不知道，现在让我们一起来看看吧！

background-image:linear-gradient(direction,color-stop1,color-stop2,…);

说明：direction：默认为tobottom，即从上向下的渐变；还可以设置为度数。自上向右（0度——90度的变化）--旧的标准是相反自右而上（90——0）stop：颜色的分布位置，默认均匀分布，例如有3个颜色，各个颜色的stop均为33.33%。

background-image:radial-gradient(position,shape,size,start-color,…,last-color);

注：shape和size不能一起使用；

background-image:radial-gradient(shapesizeatposition,start-color,…,last-color);

注:shapesizeatposition这几个属性之间不用逗号隔开，可以一起显示。

position：渐变起点的位置，可以为百分比，默认是图形的正中心。

shape：渐变的形状，ellipse表示椭圆形，circle表示圆形。默为ellipse，如果元素形状为正方形的元素，则ellipse和circle显示一样。

size：渐变的大小，即渐变到哪里停止，它有四个值。closest-side：最近边；farthest-side：最远边；closest-corner：最近角；farthest-corner：最远角。

-ms--ms-box-shadowIE浏览器专属的CSS属性需添加-ms-前缀-moz--moz-box-shadow所有基于Gecko引擎的浏器（如Firefox）专属的CSS属性需添加-moz-前缀-o--o-box-shadowOpera浏览器专属的CSS属性需添加-o-前缀-webkit--webkit-box-shadow所有基于Webkit引擎的浏览器（如Chrome、Safari）专属的CSS需添加-webkit-前缀

关于gradient是什么意思到此分享完毕，希望能帮助到您。