CSS3里面的radial-gradient的size值分别代表什么意思?
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
代表了渐变效果所扩散的最远距离;
比如closest-side,它就指的是从中心点开始一直渐变到离中心点最近的那个边就结束了,整个渐变范围是一个圆,这个圆内的颜色是你设置的第一个颜色到倒数第二个颜色,这个范围之外的颜色就都是黑色(设置的最后一个颜色);
中心点在这里设置的是60%,40%,所以离中心点最近的边是上和右,所以,如果这个div是正方形的话,最终的效果是在右上角有一个渐变的圆。 |
|
|
|
|