66CSS3様々な勾配

CSS3勾配はに分けられる：（1）直線勾配、直線勾配、次いで重複に分け;（2）半径方向の勾配は、半径方向の勾配は、円形、楕円形状の放射グラデーション、ラジアル勾配反復（A、幅及び高さに細分されます繰り返し円形状の放射グラデーション、Bに等しく、幅と高さに等しい**はHTMLコード**）楕円形状の放射グラデーションを繰り返さない

RUN： `` `HTML 
<！DOCTYPE HTML> 
<HTMLのlang = "EN"> 
<ヘッド> 
    <METAのcharset = "UTF-8"> 
    <タイトル> CSS3勾配要約</タイトル> 
    <スタイル> 
        DIV { 
            幅：1000px;高さ：400ピクセル、色：白; 
        } 
    </スタイル> 
</ HEAD> 
<BODY> 
<divのスタイル=「背景画像：線形勾配（右へ、レッド、グリーン、ブルー、パープル、ブラック）」> 
    1、直線勾配（最終的な位置、グラデーションカラー、グラデーションカラー、グラデーションカラー...）<。 BR /> 
    スタイル= "背景画像：リニア勾配（右へ、レッド、グリーン、ブルー、パープル、ブラック）" 
</ div>
<divのスタイル=「背景画像：（150ピクセルによって赤、緑は50px、ブルー100pxに、パープル、ブラック200pxの）繰り返し-線形勾配」> 
    グラデーションカラーが開始色、グラデーションカラーの開始位置を開始する2、[繰り返し]の直線勾配（、位置、グラデーションカラーの開始位置...）
    「：150ピクセルによって繰り返し、線形勾配（赤、緑は50px、100pxにブルー、パープル、200pxの黒）背景画像」スタイル= 
</ div> 
<divのスタイル= 「背景画像：放射状グラデーション（レッド、グリーン、ブルー、パープル、ブラック）」> 
    3、放射状グラデーション（グラデーションカラー、グラデーションカラー、グラデーションカラー...）。
    スタイル=「背景画像：ラジアル勾配（レッド、グリーン、ブルー、パープル、ブラック） " 
</ div> 
<divのスタイル="背景画像：ラジアル勾配（円、赤、緑、青、紫、黒）「> 
    4、[サークル。放射状グラデーション（ラウンド、グラデーションカラー、グラデーションカラー、グラデーションカラー...）<BR/>]形
    ：スタイル=「背景画像半径方向の勾配（円、赤、緑、青、紫、黒）」 
</ div>
<divのスタイル=「背景画像：ラジアル勾配（楕円、レッド、グリーン、ブルー、パープル、ブラック）」> 
    5、[楕円]放射状グラデーション（楕円、グラデーションカラー、グラデーションカラー、グラデーションカラー.. 。）
    スタイル=「背景画像：ラジアル勾配（楕円、レッド、グリーン、ブルー、パープル、ブラック）」
</ div> 
<divのスタイル=「背景画像：ラジアル繰り返し勾配（レッドグリーンは50px、150ピクセルによって100pxに青、紫、200pxの黒）「> 
    6位置、グラデーション色、グラデーション色の開始位置を開始し、[リピート]ラジアル勾配（開始色、グラデーション色...開始位置）
    ワイド高繰返し円形状の放射グラデーションが等しくない幅と高さが楕円放射グラデーション<BR/>繰り返される、に等しい
    繰り返し：スタイル=「背景画像 -radial勾配（赤、緑は50px、青100ピクセル、150ピクセル紫、黒200pxの） " 
</ div> 
</ BODY> 
</ HTML> 
` ``
おすすめ
