首页 / CSS / 渐变 | <gradient> (Image Values) - CSS 中文开发手册 - Break易站

渐变 | <gradient> (Image Values) - CSS 中文开发手册 - Break易站

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了渐变 | <gradient> (Image Values) - CSS 中文开发手册 - Break易站，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1253字，纯文字阅读大概需要2分钟。

内容图文

            
  • 
            
    • ??CSS 中文开发手册

    渐变 | <gradient> (Image Values) - CSS 中文开发手册

    <gradient>css数据类型是css。<image>由两种或更多种颜色之间的渐进式转换而成。CSS梯度没有内在维度也就是说，它没有自然的或优先的大小，也没有优先的比率。它的具体大小将与它所应用的元素的大小相匹配。

    与涉及颜色的任何插值一样，在alpha预乘颜色空间中计算渐变。这样可以防止在颜色和不透明度变化时（除了在较旧的浏览器中使用透明关键字时）出现意外的灰色阴影。

    梯度类型

    线性梯度

    生成的linear-gradient()功能。颜色沿着一条假想的线平稳地过渡。

    body {
  background: linear-gradient(to right,
      red, orange, yellow, green, blue, indigo, violet);
}

    径向梯度

    radial-gradient()功能。离原点越远，与原点的颜色越不相同，越接近下一个颜色。

    body {
  background: radial-gradient(red, yellow, rgb(30, 144, 255));
}

    重复梯度

    生成的repeating-linear-gradient()和repeating-radial-gradient()职能。它会重复所需的内容，以填充整个元素。

    body {
  background: repeating-linear-gradient(to top left,
      lightpink, lightpink 5px, white 5px, white 10px);
}

    规格

    Specification

    Status

    Comment

    CSS Image Values and Replaced Content Module Level 3The definition of ‘<gradient>‘ in that specification.

    Candidate Recommendation

    Initial definition.

    浏览器兼容性

                
  • 
            
    • ??CSS 中文开发手册
    转载请保留页面地址：https://www.breakyizhan.com/css/32101.html

    (Image Values) - CSS 中文开发手册 - Break易站' ref='nofollow'>渐变 | (Image Values) - CSS 中文开发手册 - Break易站

    原文：https://www.cnblogs.com/breakyizhan/p/13222031.html

    内容总结

    以上是互联网集市为您收集整理的渐变 | <gradient> (Image Values) - CSS 中文开发手册 - Break易站全部内容，希望文章能够帮你解决渐变 | <gradient> (Image Values) - CSS 中文开发手册 - Break易站所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

    内容备注

    版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

    内容手机端

    扫描二维码推送至手机访问。

    本文链接：https://qyyshop.com/info/1257658.html

    来源：【匿名】