完全無料

ニューモーフィズム CSS を ビジュアル生成

ニューモーフィズム(ソフトUI)CSSをライブプレビューで生成。色、影、形状を調整して美しいソフトUIエレメントを作成できます。無料・クライアントサイド。

ライブプレビュー
Soft UI
CSS 出力
.element {
  border-radius: 16px;
  background: #e0e5ec;
  box-shadow: -20px -20px 60px #ffffff, 20px 20px 60px #bdc2c9;
}
ベースカラー
#e0e5ec

シェイプ

距離20px
5px50px
強度50%
10%100%
ぼかし60px
10px100px
角丸16px
0px100px

このツールについて

ブラウザで直接 Neumorphism Generator を使用してコンテンツを作成し、カスタマイズします。環境設定を構成し、出力を生成し、結果をダウンロードまたはコピーします。すべてがクライアント側で実行されます。データはプライベートに保たれ、処理は瞬時に行われます。

使い方

  1. 要件に合わせて設定とオプションを構成します。
  2. 「生成」をクリックして出力を作成します。
  3. 結果をプレビューし、必要に応じて調整します。
  4. 出力ファイルをダウンロードするか、クリップボードにコピーします。

よくある質問

生成された出力をカスタマイズできますか?
はい。このツールには、特定のニーズに合わせて出力を調整するためのさまざまなカスタマイズ オプションが用意されています。生成する前に設定を調整するか、別のオプションを使用して再生成します。
生成されたコンテンツは無料で使用できますか?
はい。このツールで生成したものはすべて、制限や帰属要件なしで、個人、教育、商業目的で使用できます。
これにはアカウントが必要ですか?
いいえ。このツールはサインアップ、電子メール、登録を必要とせずにすぐに使用できます。ページを開いて生成を開始するだけです。
私の入力データは非公開に保たれますか?
はい。すべての処理はブラウザ内で行われます。入力データと生成された出力が外部サーバーに送信されることはありません。