其实没什么 只是想确认 看看这个结论正确不?

其实没什么 只是想确认 看看这个结论正确不?

默认的是以椭圆渐变的撒

要是设置的形状是正方形 它就默认的也是以circle渐变的

那么此时要在正方形里以椭圆渐变该怎么操作呢?(这个问题是突然想到的 本来只想问正方形下默认是不是以圆形渐变)

正在回答

登陆购买课程后可参与讨论,去登陆

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属性即可,祝学习愉快~

  • 有一种灵光一现回到当初的感觉
    2017-02-16 09:43:09
  • 径向渐变默认课程上是说以椭圆渐变的啊 也不知是谁错了
    2017-02-16 09:46:50
  • ①镜像渐变默认是以圆形渐变(这里以圆形渐变所指包含:正圆和椭圆),视频中老师讲到径向渐变默认以椭圆渐变指的是当div盒子宽度为800px,高度为500px,呈现长方形时径向渐变默认是椭圆形,那么,当div盒子宽度为800px,高度为800px,呈现正方形时径向渐变默认是正圆形,祝学习愉快~
    2017-02-16 13:32:39
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师