猿问

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

samdeo
浏览 2127回答 1
1回答

狂飙的蜗牛_1

代表了渐变效果所扩散的最远距离;比如closest-side,它就指的是从中心点开始一直渐变到离中心点最近的那个边就结束了,整个渐变范围是一个圆,这个圆内的颜色是你设置的第一个颜色到倒数第二个颜色,这个范围之外的颜色就都是黑色(设置的最后一个颜色);中心点在这里设置的是60%,40%,所以离中心点最近的边是上和右,所以,如果这个div是正方形的话,最终的效果是在右上角有一个渐变的圆。
随时随地看视频慕课网APP
我要回答