正在回答
1回答
径向渐变的概念:从起点到终点颜色从内到外进行圆形渐变(从中间向外拉)。
background-image:-webkit-gradient(type,x1 y1,r1,x2 y2,r2,from(开始颜色值),to(结束颜色值),color-stop(偏移量小数,停靠颜色值),... );
第一组参数type(类型)为 radial,因为是径向渐变;
第二组参数x1 y1,r1为第一个圆的圆心和半径;
第三组参数x2 y2,r2为第二个圆的圆心和半径;
第四组参数color-stop为渐变的中间过渡色,可以设置多组。
由此可见
镜像渐变默认是以圆形渐变的;想要椭圆形渐变需要将circle属性替换成ellipse属性即可,祝学习愉快~
HTML5与CSS3实现动态网页 2018
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星