径向渐变

径向渐变

1.什么是径向渐变:
          线性渐变是从一个方向到另一个方向渐变。
          径向渐变是从一个点向四周渐变。
2.语法:
          background:radial-gradient(center,shape,size,start-color,…,last-color);
          center参数:渐变点的位置。
          top,right,bottom,left:在哪个角落
          10px 20px 离左侧10px,离上面20px。
3径向渐变的大小:
          farthest-corner:最远角(默认大小)
          farthest-side:最远边;
          closest-corner:最近角;
          closest-side:最近边;
4.说明:
          center:渐变起点的位置,可以为百分比,默认是图形的正中心。
          shape:渐变的形状,ellipse表示椭圆形,circle表示圆形,默认为ellipse,如果元素形状为正方形,则ellipse和circle显示一样。
          size:渐变的大小,即渐变到哪里停止,有4个值。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值