CSSグラデーション

- CR

CSS画像として線形または放射状のカラーグラデーションを定義する方法。

Chrome

  1. 4 - 9:部分的にサポート
  2. 10 - 25:サポート済み
  3. 26 - 123:サポート済み
  4. 124:サポート済み
  5. 125 - 127:サポート済み

Edge

  1. 12 - 123:サポート済み
  2. 124:サポート済み

Safari

  1. 3.1 - 3.2:サポートされていません
  2. 4 - 5:部分的にサポート
  3. 5.1 - 6:部分的にサポート
  4. 6.1 - 15.3:部分的にサポート
  5. 15.4 - 17.3:サポート済み
  6. 17.4:サポート済み
  7. 17.5 - TP:サポート済み

Firefox

  1. 2 - 3.5:サポートされていません
  2. 3.6 - 15:部分的にサポート
  3. 16 - 35:部分的にサポート
  4. 36 - 124:サポート済み
  5. 125:サポート済み
  6. 126 - 128:サポート済み

Opera

  1. 9 - 11:サポートされていません
  2. 11.1 - 11.5:部分的にサポート
  3. 11.6 - 12:サポート済み
  4. 12.1 - 108:サポート済み
  5. 109:サポート済み

IE

  1. 5.5 - 9:サポートされていません
  2. 10:サポート済み
  3. 11:サポート済み

Android版Chrome

  1. 124:サポート済み

iOS版Safari

  1. 3.2 - 4.3:部分的にサポート
  2. 5 - 6.1:部分的にサポート
  3. 7 - 15.3:部分的にサポート
  4. 15.4 - 17.3:サポート済み
  5. 17.4:サポート済み
  6. 17.5:サポート済み

Samsung Internet

  1. 4 - 23:サポート済み
  2. 24:サポート済み

Opera Mini

  1. すべて:サポートされていません

Opera Mobile

  1. 10 - 11:サポートされていません
  2. 11.1 - 11.5:部分的にサポート
  3. 12:サポート済み
  4. 12.1:サポート済み
  5. 80:サポート済み

Android版UC Browser

  1. 15.5:サポート済み

Androidブラウザ

  1. 2.1 - 3:部分的にサポート
  2. 4 - 4.3:サポート済み
  3. 4.4 - 4.4.4:サポート済み
  4. 124:サポート済み

Android版Firefox

  1. 125:サポート済み

QQ Browser

  1. 14.9:サポート済み

Baidu Browser

  1. 13.52:サポート済み

KaiOS Browser

  1. 2.5:サポート済み
  2. 3:サポート済み

プレフィックス付きサポートを使用するブラウザで使用される構文は、適切なサポートの構文と互換性がない場合があります。

非標準の「gradient」フィルターを使用して、古いIEバージョンである程度のエミュレートが可能です。

Firefox 10以降、Opera 11.6以降、Chrome 26以降、IE10以降では、新しい「to (side)」構文もサポートされています。

リソース
IEでのサポートをエミュレートするツール
WebPlatformドキュメント
クロスブラウザエディター
サブ機能
CSS繰り返しグラデーション
CSS円錐グラデーション