📜  CSS3-渐变

📅  最后修改于: 2020-10-26 04:57:48             🧑  作者: Mango


什么是渐变?

渐变显示两种或更多种颜色的组合,如下所示-

渐变类型

  • 线性渐变(向下/向上/向左/向右/对角线)
  • 径向渐变

线性渐变

线性渐变用于以线性格式(如从上到下)排列两种或多种颜色。

从上到下


   

   
      

它将产生以下结果-

左到右


   

   
      

它将产生以下结果-

对角线

对角线从左上方和右上方的按钮开始。


   

   
      

它将产生以下结果-

多色


   

   
      

它将产生以下结果-

CSS3径向渐变

径向渐变出现在中心。


   

   
      

它将产生以下结果-

CSS3重复径向渐变


   

   
      

它将产生以下结果-