マッハデザインのサイトへようこそ!
Webテクノロジー、アプリ、スマホ、起業などのメモブログ。

linear-gradient CSSグラデーションジェネレータ [machdesign gradient css generator]

linear-gradient CSSグラデーションジェネレータ [machdesign gradient css generator] 2019.06.13 THU

シンプルなCSSグラデーションジェネレーターを作りました。
便利なことにlinear-gradientが作成されます。
色を選択し、角度を選ぶと、自動で「プロパティ:値」が生成されます。

2色 linear-gradient

background-image:linear-gradient({{ degree }},{{ color1 }},{{ color2 }});

3色 linear-gradient

background-image:linear-gradient({{ degree }},{{ color1 }},{{ color2 }},{{ color3 }});

関連記事

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