CSS中线性渐变linear-gradient属性的示例分析


小编给大家分享一下CSS中线性渐变linear-gradient属性的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
  linear-gradient()的语法:
  =linear-gradient([[|to],]?[,]+)免费云主机域名   =[left|right]||[top|bottom]
  =[|]?   linear-gradient()的取值:
  下述值用来表示渐变的方向,可以使用角度或者关键字来设置:
  :用角度值指定渐变的方向(或角度)。
  toleft:设置渐变为从右到左。相当于:270deg
  toright:设置渐变从左到右。相当于:90deg
  totop:设置渐变从下到上。相当于:0deg
  tobottom:设置渐变从上到下。相当于:180deg。这是默认值,等同于留空不写。
  :用于指定渐变的起止颜色:   :指定颜色。   :用长度值指定起止色位置。不允许负值
  :用百分比指定起止色位置。   注意:为了创建一个线性渐变,你需要设置一个起始点和一个方向(指定为一个角度)的渐变效果。你还要定义终止色。终止色就是你想让Gecko去平滑的过渡,并且你必须指定至少两种,当然也会可以指定更多的颜色去创建更复杂的渐变效果。
  linear-gradient()的浏览器兼容性
  浏览器.jpg
  linear-gradient()的用法实例
  HTML部分:
  

相关推荐: react的特点有哪些

今天小编给大家分享一下react的特点有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文免费云主机域名章后有所收获,下面我们一起来了解一下吧。React是指 react.js。它是 …

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 09/18 17:45
Next 09/18 17:45

相关推荐