CSSグラデーションジェネレーター

css3のグラデーション作成ツール。コードを取得できます。 日本語のジェネレーター。ベンダーフィレックスが一瞬で付けはずせます。縦だけでなく斜めや横のグラデーションにも対応しています


角度
カラーコード
色の位置(0が開始位置、50が真ん中(省略可能)、100が終了位置)


確認用の文字

テキストの大きさ(px) テキストの色
チェックでIE9以下に対応させる(上から下にグラデーション)
チェックでIE9以下に対応させる(左から右にグラデーション)
チェックで-moz-linear-gradientに対応させる
チェックで古いwebkitブラウザに対応させる(-webkit-gradient)
チェックで-webkit-linear-gradientに対応させる
チェックで-o-linear-gradientに対応させる
チェックで-ms-linear-gradientに対応する
チェックをはずす






対応しているもの
-moz-linear-gradient
-webkit-gradient
-webkit-linear-gradient
-o-linear-gradient
-ms-linear-gradient
linear-gradient
IEのフィルター

TOPに戻る