レイヤードシャドウスタジオ

スライダー 1 つで作るリアルな多層 CSS box-shadow。

イージング曲線に沿って複数の box-shadow レイヤーを重ねる「レイヤードシャドウ」の手法で、なめらかでリアルな奥行きを作ります — 1 つの高さスライダーに、光の方向、色味、インセットのコントロールを添えて。ライトまたはダークのステージでライブプレビューを確認し、そのまま貼り付けられる box-shadow の値、または Tailwind の任意値の形式をコピーしてください。依存ライブラリなしの純粋な計算で、ブラウザー内で動作します。

入力をアップロードせず、端末内で処理します。ライブラリやモデルの取得が必要な場合があります。サイトへの登録は不要です。