移动Web——渐变

渐变是多个颜色逐渐变化的效果,一般用于设置盒子背景

分类

  • 线性渐变移动Web——渐变_第1张图片
  • 径向渐变移动Web——渐变_第2张图片

1、线性渐变 

属性

移动Web——渐变_第3张图片

取值

  • 渐变方向:可选
    • to方位名词
    • 角度度数
  • 终点位置:可选
    • 百分比


  
    
    
    
    Document
    
  
  
    

2、案例-产品展示



  
    
    
    
    产品展示效果
    
  

  
    
OceanStor Pacific 海量存储斩获2021 Interop金奖

3、径向渐变

作用:给按钮添加高光效果

移动Web——渐变_第4张图片

取值:

  • 半径可以是2条,则为椭圆
  • 圆心位置取值:像素单位数值 / 百分比 / 方位名词



  
  
  
  Document
  


  

你可能感兴趣的:(HTML5+css3,css,前端)