tellogs.com

グラデーション生成ツールの使い方

グラデーション生成

グラデーション生成ツールは、CSSグラデーションを視覚的に作成するためのツールです。カラーピッカーで色を選択するだけで、美しいグラデーションのCSSコードを自動生成します。プログラミングの知識がなくても、プロ品質のグラデーションを作成できます。

まず、グラデーションの種類を選択します。リニア(線形)、ラジアル(円形)、コニック(円錐)の3種類から選べます。次に、使用する色を追加します。カラーストップと呼ばれる色のポイントを増減でき、2色以上のグラデーションが作成可能です。

リニアグラデーションでは、角度をスライダーで調整できます。0度で下から上、90度で左から右へのグラデーションになります。作成したグラデーションはリアルタイムでプレビューされ、完成したらCSSコードをワンクリックでコピーできます。生成されたコードをそのままプロジェクトに貼り付けるだけで利用できます。

グラデーション生成を使ってみましょう

このページの内容を、グラデーション生成で実際に試してみましょう。

グラデーション生成を開く