closest-side
の有効なオプションはまだありますradial-gradient
か? Chrome の最新の開発リリース (18.0.1003.1 dev) までは、以下が機能しradial-gradient
ていました。
-webkit-radial-gradient( center -12px, circle closest-side, white 0, black 38px );
そして、この効果を生み出しました:
今、18.0.1003.1 devに更新した後、これを生み出しています:
デモ: http://jsfiddle.net/ThinkingStiff/cn6C8/
Firefox、Safari、Opera (それぞれのプレフィックス付き) は引き続き正常に動作します。他の 3 つのオプション --closest-corner, farthest-side,
およびfarthest-corner
-- は引き続き期待どおりに機能し、オプションがない場合も同様です。
radial-gradient
MDNのページでは、これが正しい形式でありclosest-side
、有効なオプションとしてリストされています。この動作の確認が 1 つあり (以下のコメントで)、Chrome フォーラムで何も見つかりません。このオプションは削除されていますか、それとも Chrome のバグですか?
更新 (2011-01-16): このケースを作成しました: http://code.google.com/p/chromium/issues/detail?id=110341
更新 (2011-01-20): ケース割り当てられていますが、バグとしてのステータスの確認はありません。