完全無料

Box Shadow を ビジュアル生成

ライブプレビューでCSS box-shadowをビジュアル生成。複数シャドウレイヤー、ぼかし・広がり・カラー・インセットを自由に調整。無料・クライアントサイド。

ライブプレビュー
Preview
CSS 出力
.element {
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
レイヤー 1

水平オフセット4px
-50px50px
垂直オフセット4px
-50px50px
ぼかし半径16px
0px100px
広がり半径0px
-50px50px
シャドウカラー
#000000
不透明度25%
0%100%
インセット
outset

このツールについて

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

使い方

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

よくある質問

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