css3渐向径变之《radial-gradient》-创新互联

1.语法

成都创新互联公司服务项目包括武穴网站建设、武穴网站制作、武穴网页制作以及武穴网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，武穴网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到武穴省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

-moz-radial-gradient([<bg-position> || <angle>,]? [<shape> || <size>,]? <color-stop>, <color-stop>[, <color-stop>]*);
 -webkit-radial-gradient([<bg-position> || <angle>,]? [<shape> || <size>,]? <color-stop>, <color-stop>[, <color-stop>]*);

<bg-position>：渐变起始位置

<length>:用长度值指定径向渐变圆心的横坐标值。可以为负值。

<percentage>:用百分比指定径向渐变圆心的横坐标值。可以为负值。

left:设置左边为径向渐变的横坐标值。

center:设置中间为径向渐变圆心的横坐标值。

right:设置右边为径向渐变圆心的横坐标值。

<shape>：渐变形状

参数：[circle | ellipse]

circle ：圆形渐变；

ellipse：椭圆渐变；

<size>: 渐变大小

参数:[closest-side | closest-corner | farthest-side | farthest-corner]

closest-side：指定径向渐变的半径长度为从圆心到离圆心最近的边

closest-corner：指定径向渐变的半径长度为从圆心到离圆心最近的角

farthest-side：指定径向渐变的半径长度为从圆心到离圆心最远的边

farthest-corner：指定径向渐变的半径长度为从圆心到离圆心最远的角

<color-stop>:用于指定渐变的起止颜色

参数：[<color> ? <length | percentage>, <color> ? <length | percentage> , <color> ? <length | percentage>]

颜色不能少于两种

color:指定颜色

length:用长度值指定起止色位置。不能为负值。

percentage:用百分比指定起止色位置。不能为负值。

注：起止色位置值是累加计算，第二个颜色必须大于第一个，第三个颜色位置必须大于第一个与第二个的和；

创新互联www.cdcxhl.cn，专业提供香港、美国云服务器，动态BGP最优骨干路由自动选择，持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证，机房独有T级流量清洗系统配攻击溯源，准确进行流量调度，确保服务器高可用性。佳节活动现已开启，新人活动云服务器买多久送多久。

文章名称：css3渐向径变之《radial-gradient》-创新互联
本文URL：https://www.cdcxhl.com/article4/ceedie.html

成都网站建设公司_创新互联，为您提供面包屑导航、电子商务、虚拟主机、云服务器、手机网站建设、标签优化

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容