CSSテキストグラデーションツール
左下のカラーピッカーで選択した色をベースに右下のスライダーでHSLを変化させてグラデーションを生成しています。 ・カラーピッカー横のスライダーを変更するとグラデーションの開始位置、終了位置を調製できます。 ・<i class="fas fa-redo-alt"></i>:グラデーションの方向・角度を30度ずつ変更できます。 ・<i class="fas fa-random fa-fw"></i>:ランダムにグラデーションを生成します。 ・<i class="fas fa-code"></i>: 生成したlinear-gradientを表示します。 <p class="text-danger">テキストは「inline-block」にするなどインライン要素に設定することをオススメします。<br>ブロック要素だとグラデーションがテキストに上手く反映されないことがあります。</p>
詳細