線形勾配CSS

上から下まで直線勾配：

#grad { 
   背景： -webkit-線形勾配（赤、青）。/ * サファリ5.1から6.0 * /    
   背景： -O-線形勾配（赤、青）。/ * オペラ11.1から12.0 * /    
   背景： -moz-線形勾配（赤、青）。/ * Firefoxの3.6から15 * /   
   背景：線形 -gradient（赤、青）。/ * 标准的语法* /  
}

左から右へ直線勾配：

#grad { 
   背景： -webkit-線形勾配（青、赤、左）。/ * サファリ5.1から6.0 * /    
   背景： -O-線形勾配（右、赤、青）。/ * オペラ11.1から12.0 * /    
   背景： -moz-線形勾配（右、赤、青）。/ * Firefoxの3.6 - 15 * /    
   背景：直鎖状（右、赤、青）-gradient。/ * 标准的语法* /  
}

直線勾配色ムラの分布：

#grad {    
    背景： -webkit-ラジアル勾配（5％赤、緑）。/ * サファリ5.1から6.0 * /    
    背景： -O-ラジアル勾配（5％赤、緑）。/ * オペラ11.6から12.0 * /    
    背景： -moz-ラジアル勾配（5％赤、緑）。/ * Firefoxの3.6から15 * /    
    背景：ラジアル -gradient（赤5％、緑色）。/ * 标准的语法* /  
}