すべてのツール
CSSボックスシャドウ生成
box-shadowのCSSを、プレビューを見ながら生成します。
プレビュー
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
グラデーションやグラスモルフィズムをお探しですか？専用ツールをお試しください： CSSグラデーション生成 · グラスモルフィズム作成
box-shadowのCSSを、プレビューを見ながら生成します。
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
グラデーションやグラスモルフィズムをお探しですか？専用ツールをお試しください： CSSグラデーション生成 · グラスモルフィズム作成
box-shadow(外側と内側)です。ライブプレビューを見ながら、試行錯誤ではなく目で見て調整できます。グラデーションとグラスモーフィズムには、Sticraftに専用のツールがあります。
作れます。「内側」を有効にすると、影が要素の後ろではなく、内側に描かれます。
いいえ。CSSは、ブラウザ内でその場で生成されます。