Smart Tools
Blog博客
Theme
ツール検索
User login
Background color
Torsional strength 15px
コントラスト 150%
Number of gradients 6
Random transformation 100
Width of the display area 100
Display Area Height 100
Download as Image
Sample CSS code:
CSSの歪みグラデーション背景色コード生成ツールの紹介:

1、本ツールでは、さまざまなグラデーション色をオンラインで視覚的に調整し、歪みや液状化を施すことができます。

2、歪みの強度、コントラスト、グラデーションの数を設定して、色の形状を調整できます。

3、「ランダム変換」のスライダーを左右にドラッグすると、色のレンダリング効果がランダムに変化します。気に入ったものがあれば、そのまま停止してください。

4、グラデーションの色はオンラインで自由に選択できるほか、お好みの色値を入力することも可能です。各色のスライダーをドラッグすることで、対応する色の領域や透明度を拡大・縮小できます。

5、グラデーション色の調整が完了したら、サンプルCSSコードをコピーするか、「画像としてダウンロード」ボタンをクリックして画像をローカルに保存できます。

おすすめ
ホーム ツール検索 お気に入り 言語