CSSグラデーションジェネレーター
TOP
border-radius丸角
グラデーションCSS
cssの単位px変換ツール
カラーコード変換ツール
opacityジェネレーター
css3のグラデーション作成ツール。コードを取得できます。 日本語のジェネレーター。ベンダーフィレックスが付け外しができます。縦だけでなく斜めや横のグラデーションにも対応しています
角度
上から下
左上から右下
左から右
下から上
左下から右上
カラーコード
色の位置(0が開始位置、50が真ん中(省略可能)、100が終了位置)
確認用の文字
テキスト
テキストの大きさ(px)
テキストの色
チェックでIE9以下に対応させる(上から下にグラデーション)IEフィルター
チェックでIE9以下に対応させる(左から右にグラデーション)
チェックで-moz-linear-gradientに対応させる
チェックで古いwebkitブラウザに対応させる(-webkit-gradient)
チェックで-webkit-linear-gradientに対応させる
チェックで-o-linear-gradientに対応させる
チェックで-ms-linear-gradientに対応する
チェックをはずす
TOPに戻る