box-shadow ジェネレーター
オフセット、ぼかし、広がり、色、不透明度を指定して CSS の box-shadow をデザインします。なめらかな重ねた影や内側の影にも対応。
無料 · アップロード不要 · すべて端末内で処理
box-shadow ジェネレーターの使い方
- サイドパネルで設定を選んでください。
- 結果はすぐに更新されます。新しく作るには「更新」を選んでください。
- 結果をコピーするか、ダウンロードしてください。
設計からプライベート。入力、開いたファイル、録音・録画はすべてこのブラウザーのタブ内で処理され、KittySuite にアップロードされることはありません。
box-shadow ジェネレーターについて
重ねた影は、大きくなりながら薄れていく複数の影を重ねるため、1 つの大きなぼかしよりも柔らかく自然に見えます。明るい背景では不透明度を低めに。暗い UI では影を強めにしないと見えません。
すべてこのブラウザーのタブ内で計算され、入力した内容はどこにも送信されません。ページを読み込んだ後はオフラインでも使えます。
始める前の質問
コンテンツは端末の外に送信されますか？
ファイルの内容や入力したテキストが処理のために送信されることはありません。このサイトは必要に応じて自身のコードやアセットをダウンロードします。ホスティングへのリクエストとブラウザーのキャッシュについては、プライバシーページで説明しています。
box-shadow ジェネレーターを使う前に確認することは？
すべてこのブラウザーのタブ内で計算され、入力した内容はどこにも送信されません。ページを読み込んだ後はオフラインでも使えます。
結果が使えない場合は？
元のファイルはそのままにして、設定に戻ってもう一度お試しください。読み取れないファイルや非対応の構造の場合は、元のアプリから書き出し直す必要があるかもしれません。
スマートフォンでも使えますか？
操作画面は小さな画面にも対応していますが、大きなファイルはモバイル端末のメモリーを超えることがあります。処理に失敗する場合は、小さめのファイルを使うか、何回かに分けて処理してください。