为了账号安全,请及时绑定邮箱和手机立即绑定

CSS3里面的radial-gradient的size值分别代表什么意思?

CSS3里面的radial-gradient的size值分别代表什么意思?

samdeo 2016-10-15 20:20:34
查看完整描述

1 回答

已采纳
?
狂飙的蜗牛_1

TA贡献96条经验 获得超43个赞

代表了渐变效果所扩散的最远距离;

比如closest-side,它就指的是从中心点开始一直渐变到离中心点最近的那个边就结束了,整个渐变范围是一个圆,这个圆内的颜色是你设置的第一个颜色到倒数第二个颜色,这个范围之外的颜色就都是黑色(设置的最后一个颜色);

中心点在这里设置的是60%,40%,所以离中心点最近的边是右,所以,如果这个div是正方形的话,最终的效果是在右上角有一个渐变的圆。

查看完整回答
反对 回复 2016-10-16
  • 1 回答
  • 0 关注
  • 2125 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信