渐变

作者: mimang | 来源:发表于2016-08-12 14:54 被阅读0次

线性渐变:
属性:linear-gradinet(开始位置 角度,起始颜色,终止颜色 )
开始位置:渐变开始的位置,属性值可以为百分比/长度/left、right、top、bottom(可组合使用)
角度:渐变终止方向的角度,当开始位置为数值或百分比时候可用
起始颜色......
终止颜色......
重复渐变将属性修改为:repeating-linear-gradinet()

径向渐变(放射渐变):属性:radial-gradinet()(形状 发散方向,起始颜色,终止颜色)

形状:ellipse(椭圆)/circle(圆形)
发散方向:属性值可以为left、right、top、bottom、center(可组合使用)
大小(半径):属性值可用像素或关键字表示closest-side:圆心到距离最近的边
farthest-side:圆心到距离最远的边
closest-corner:圆心到距离最近的角
farthest-corner:圆心到距离最远的角

起始颜色......
终止颜色......
重复的径向渐变:repeating-radial-gradinet()

相关文章

  • 渐变渐变

    再熟悉的东西,一段时间不去做,就会渐渐地对他变得陌生。 对陌生的东西,大多数数的时候,人们选择的是拒绝而不是接纳,...

  • CSS3新特性初识

    渐变 转换(又称变形) 过渡 多列 动画 复杂选择器 渐变 线性渐变 径向渐变 重复渐变(线性-径向渐变) 转换 ...

  • 线性渐变

    线性渐变 linear-gradient 渐变分4种 线性渐变 径向渐变 重复线性渐变 重复径向渐变重点学习线性渐...

  • 渐变色简单实现

    关于实现渐变色的解答,渐变分为线性渐变和径向渐变。 一、 线性渐变(Linear Gradients)- 向下/向...

  • IOS 绘制 之渐变

    分为线性渐变和径向渐变一 创建颜色空间二 创建渐变三 设置裁剪区域四 绘制渐变五 释放对象 线性渐变 径向渐变

  • 颜色渐变/渐变高亮/背景颜色渐变

    background: linear-gradient(to right, #ff6034, #ee0a24); ...

  • photo shop零基础5

    六,渐变工具 工具栏中选择渐变工具,然后单击选项栏中的渐变色条右侧的下拉条,可以应用线性渐变、径向渐变、角度渐变、...

  • 径向渐变 重复渐变

    径向渐变:ie9一下不支持 渐变都是背景下的一个属性 background: radial-gradient(at...

  • 渐变按钮、渐变边框

  • iOS ImageView 设置渐变色

    设置渐变色 向上渐变 向下渐变 话不多说,上方法 DirectionStyle 设置渐变的方向

网友评论

      本文标题:渐变

      本文链接:https://www.haomeiwen.com/subject/lkqesttx.html