2020-10-29 09:39发布
background-image: linear-gradient(方向，颜色 渐变位置，颜色 渐变位置...)
direction 方向： 1. to top ,to left, to right, to bottom
2. 角度deg 45deg 90deg
background-image:linear-gradient(to right,red 20%,blue 50%);
background-image:radial-gradient(形状 大小 中心位置，颜色 停止位置，颜色 停止位置...)
形状：circle 圆形 ellipse 椭圆 （背景是长方形）
大小：最近边closest-side 最远边 farthest-side 最近角 closest-corner 最远角 farthest-corner
中心位置：at 10px 10px
background:radial-gradient(circle closest-corner at 50px 50px,yellow 10%,red 80%);
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 慢半拍 的问题《【Web前端基础】背景颜色渐变css3如何做》','http://www.shouhuola.com/answer/30694/76576.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
background-image: linear-gradient(方向，颜色 渐变位置，颜色 渐变位置...)
direction 方向： 1. to top ,to left, to right, to bottom
2. 角度deg 45deg 90deg
background-image:linear-gradient(to right,red 20%,blue 50%);
background-image:radial-gradient(形状 大小 中心位置，颜色 停止位置，颜色 停止位置...)
形状：circle 圆形 ellipse 椭圆 （背景是长方形）
大小：最近边closest-side 最远边 farthest-side 最近角 closest-corner 最远角 farthest-corner
中心位置：at 10px 10px
background:radial-gradient(circle closest-corner at 50px 50px,yellow 10%,red 80%);
一周热门 更多>