テキストと文書ツール

ドロップシャドウレイヤー生成

レイヤー数と影の値を指定し、ブラウザー内で生成・編集・確認します。

ブラウザ内で処理登録不要プライバシーの説明 ↗

ローカル CSS の近似であり、物理・光学シミュレーションではありません。

使い方

使い方

  1. レイヤー数、色、ぼかし、拡散、オフセットを設定します。
  2. 生成してローカルのプレビューを確認します。
  3. CSS宣言を直接編集して調整します。

CSSレイヤー生成

入力からカンマ区切りのbox-shadow宣言を作り、ローカルのプレビューに適用します。

近似のみ

CSS作成補助であり、物理的な光、素材、光学のシミュレーションではありません。表示はブラウザーと組み合わせるデザインに依存します。

よくある質問

あわせて知りたいこと

実際の光を再現しますか?

いいえ。CSS値とブラウザーのプレビューだけです。

CSSを編集できますか?

はい。生成した宣言を編集できます。

何層使えますか?

コントロールは1〜12層です。