【ツール】linear-gradientで遊ぼう！ - Little Strange Software

どうも！LSSです！！ これまで何度か「CSSでお絵描き」をやってきましたが、今回はその中でも特にシンプルな「linear-gradientで風景を描く」ものをツール化してみました。 linear-gradientで遊ぼう！ 使い方 linear-gradientで遊ぼう！ コード 使い方 色選択ボックスとスライダーのセットが９つ、並んでいます。 ここで指定された色がそのまま、「上から下に向かうlinear-gradient」に設定されたグラデーションが、下の枠に反映されます。 スライダーはそれぞれの位置指定（%）に該当します。 色選択やスライダーをいじると、リアルタイムに枠のグラデーションが変化し、またその状態のlinear-gradientのコードが表示されます。 CSSとしてこの生成されたコードを使用する場合は、 background-image:linear-gradient(なん

[kefugahi]

おお！これも凄い！ちょっとした背景とかに使えるかもしれませんね

[singark071781]

いつも大変お世話になっております。勝手に紹介したのに、貴重なカラースターありがとうございます(*^▽^*)🌈🌈🌈

[bluemoonbell]

面白いです😄いろいろいじってみました！

[conasaji]

あ、そかそか。グラデーションの起点が上辺なんですね。なるほどー！

[newgenworld]

おはようございます☀️🌈色の変化出来るのって楽しいですね♡こういうの出来るの羨ましいです✨

[darucoro9216kun]

ワードのグラデーションをいじってる感じです。面白いですねぇ。上手く作れば「風景」みたいに出来そうです。

[hukunekox]

おお、グラデーションが出来る！いろんな色合いで出来るのも楽しいですね☺️🌸