CSSボックスシャドウジェネレーター
CSSボックスシャドウジェネレーター ライブプレビューで美しいボックスシャドウを視覚的にデザインします。複数のシャドウレイヤーを追加し、オフセット、ぼかし、広がり、色を調整してからCSSをコピーします — 手動コーディングは不要です。 使用方法 スライダーを調整して、水平および垂直オフセット、ぼかし半径、広がり、不透明度を設定します。インセットを切り替えて内側の影を作成します。複雑な効果のために最大10個のシャドウレイヤーを追加します。プリセットギャラリーを使用して、ニューモルフィズム、グロー効果、または浮き上がったカードなどのクイック開始ポイントを見つけます。準備ができたら、生成されたCSSをコピーします。 機能 ライブプレビュー — パラメータを調整しながら、サンプルボックスに適用された影をリアルタイムで確認できます。 複数レイヤー — 最大10個の影をスタックできます ...
ツールを試す »