ツールに戻る

CSS Shadow Generator

Design box-shadow CSS with live preview and presets

100% 無料ブラウザで動作登録不要

このツールについて

ビジュアルエディターで完璧なCSS box-shadowを作成します。Material Design、Soft UI、ニューモーフィズムのプリセットから始めるか、ゼロから独自に構築します。複数のシャドウレイヤーを重ね、オフセット、ぼかし、広がり、色を調整し、リアルタイムで変更を確認します。aukimi Inkwellのモックアップやライブウェブサイト用にCSSをワンクリックでコピーできます。 aukimi Inkwellの一部.

機能

  • Material、Soft UI、カスタムプリセット
  • 複数のシャドウレイヤー
  • 調整可能なオフセット、ぼかし、広がり、色
  • カスタマイズ可能な形状でのライブプレビュー
  • ワンクリックでCSSコピー

活用例

カードとパネルのシャドウスタイルニューモーフィズムUIデザインエレベーションシステムのプロトタイピング

このツールを共有

他の人の発見を助ける

無料アカウントを作成してウォーターマークを削除

作品を保存し、フルクリエイティブスイートにアクセスし、ウォーターマークなしでエクスポートできます。

Sign Up Free

もっと必要ですか?

aukimi Inkwellを試す

レイヤー、マスク、フィルター、フルタブレットサポートを備えたプロフェッショナルなビットマップ編集。

よくある質問

CSS Shadow Generatorは本当に無料ですか?

はい、隠れた料金なしで100%無料です。ブラウザで直接、何度でもご利用いただけます。

アカウントを作成する必要がありますか?

アカウントは不要です。ただし、無料のaukimiアカウントを作成すると、透かしが削除され、作品を保存できます。

データは安全ですか?

はい。すべての処理はブラウザ内でローカルに行われます。ファイルが当社のサーバーにアップロードされることはありません。

結果を商用プロジェクトに使用できますか?

もちろんです。無料ツールで作成したものはすべてあなたのものであり、商用利用も可能です。