●例１　…　background: -webkit-linear-gradient( 0deg, orange 0%, yellow 100% );
橙色（開始点）から黄色（終了点）へのグラデーション．方向設定が0°なので，左から右にグラデーションがかかる．

2013年5月16日、Appleは本日、革新的なApp Storeからダウンロードされたアプリケーションの数が500億本を超えたことを発表しました。App Storeでは1秒当たり800本以上のアプリケーションがダウンロードされており、この勢いは1ヶ月当たり20億本以上に相当します。500億本目のアプリケーションはSpace Inch, LLCの「Say the Same Thing」で、ダウンロードしたのはオハイオ州メンターのBrandon Ashmoreさんです。この歴史的な出来事を記念して、Brandon Ashmoreさんには10,000米ドル分のApp Storeカードが進呈されました。

●例２　…　background: -webkit-linear-gradient( 90deg, orange 0%, yellow 100% );
橙色（開始点）から黄色（終了点）へのグラデーション．方向設定が90°なので，下から上にグラデーションがかかる．

2013年5月16日、Appleは本日、革新的なApp Storeからダウンロードされたアプリケーションの数が500億本を超えたことを発表しました。App Storeでは1秒当たり800本以上のアプリケーションがダウンロードされており、この勢いは1ヶ月当たり20億本以上に相当します。500億本目のアプリケーションはSpace Inch, LLCの「Say the Same Thing」で、ダウンロードしたのはオハイオ州メンターのBrandon Ashmoreさんです。この歴史的な出来事を記念して、Brandon Ashmoreさんには10,000米ドル分のApp Storeカードが進呈されました。

●例３　…　background: -webkit-linear-gradient( top, orange 0%, yellow 100% );
橙色（開始点）から黄色（終了点）へのグラデーション．開始位置がtopなので，上から下にグラデーションがかかる．

2013年5月16日、Appleは本日、革新的なApp Storeからダウンロードされたアプリケーションの数が500億本を超えたことを発表しました。App Storeでは1秒当たり800本以上のアプリケーションがダウンロードされており、この勢いは1ヶ月当たり20億本以上に相当します。500億本目のアプリケーションはSpace Inch, LLCの「Say the Same Thing」で、ダウンロードしたのはオハイオ州メンターのBrandon Ashmoreさんです。この歴史的な出来事を記念して、Brandon Ashmoreさんには10,000米ドル分のApp Storeカードが進呈されました。

●例４　…　background: -webkit-linear-gradient( 0deg, red 0%, orange 50%, yellow 100% );
赤色（開始点0%）から，橙色（中間点50%）を経て，黄色（終了点100%）に変化するグラデーション．３色以上使用する場合には，色と位置（％）を指定すればよい．

2013年5月16日、Appleは本日、革新的なApp Storeからダウンロードされたアプリケーションの数が500億本を超えたことを発表しました。App Storeでは1秒当たり800本以上のアプリケーションがダウンロードされており、この勢いは1ヶ月当たり20億本以上に相当します。500億本目のアプリケーションはSpace Inch, LLCの「Say the Same Thing」で、ダウンロードしたのはオハイオ州メンターのBrandon Ashmoreさんです。この歴史的な出来事を記念して、Brandon Ashmoreさんには10,000米ドル分のApp Storeカードが進呈されました。

●例５　…　background: -webkit-linear-gradient( 270deg, #ffee99 0%, #ffffee 25%, #b8860b 100% );
薄い金色（開始点0%）から，ほぼ白（25%）を経て，ダークな金色（終了点100%）に変化するグラデーション．中間ではない位置に明るい色をもってくることで，金の円柱のような効果を出している

2013年5月16日、Appleは本日、革新的なApp Storeからダウンロードされたアプリケーションの数が500億本を超えたことを発表しました。App Storeでは1秒当たり800本以上のアプリケーションがダウンロードされており、この勢いは1ヶ月当たり20億本以上に相当します。500億本目のアプリケーションはSpace Inch, LLCの「Say the Same Thing」で、ダウンロードしたのはオハイオ州メンターのBrandon Ashmoreさんです。この歴史的な出来事を記念して、Brandon Ashmoreさんには10,000米ドル分のApp Storeカードが進呈されました。

●例６　…　background: -webkit-linear-gradient( top left, purple 0%, navy 16%, blue 33%, green 50%, yellow 67%, orange 83%,red 100% );
レインボーなグラデーション．開始点を「top left」としているので，左上から右下へのグラデーションとなる．

2013年5月16日、Appleは本日、革新的なApp Storeからダウンロードされたアプリケーションの数が500億本を超えたことを発表しました。App Storeでは1秒当たり800本以上のアプリケーションがダウンロードされており、この勢いは1ヶ月当たり20億本以上に相当します。500億本目のアプリケーションはSpace Inch, LLCの「Say the Same Thing」で、ダウンロードしたのはオハイオ州メンターのBrandon Ashmoreさんです。この歴史的な出来事を記念して、Brandon Ashmoreさんには10,000米ドル分のApp Storeカードが進呈されました。