小さな作業を、もっと簡単に。MiniKit を公開しました。見る

CSSボックスシャドウ生成ツール

ボックスの影を調整し、プレビューしてCSSをローカルでコピーします。

使い方

  1. 水平オフセット(px)
  2. ぼかし半径(px)
  3. 影を生成
ツールを見る
すぐに使える
プライバシーを優先
無料で簡単
毎週新しいツール
✳ツールボックス

作業に役立つツール。
必要なものだけ。

97 個のツールを利用可能
無料

CSSボックスシャドウ生成ツール

ボックスの影を調整し、プレビューしてCSSをローカルでコピーします。

整数:オフセット・広がり −100〜100 px、ぼかし 0〜200 px、不透明度 0〜100%。HEXカラー #RGB/#RRGGBB。大きな影はプレビュー枠で切り取られます。

影のプレビュー

テキストは端末の外に送信されません
ツールを見る
✳手間を減らして、作業を進める

ツール探しではなく、
作業そのものに集中。

小さな作業のたびに別のサイトへ行く必要はありません。MiniKit はよく使う便利なツールを、わかりやすい場所にまとめています。

ツールを見る
01

本当に速い

開いて、使って、完了。ダウンロードも登録も待ち時間もありません。

02

プライバシー優先

ファイルやテキストは端末内に残ります。データは保存しません。

03

誰でも簡単

複雑なメニューはありません。必要な機能がすぐ見つかります。

設計からプライバシーを重視

ファイルは私たちを経由せず
端末内で処理されます。

画像、テキスト、QRの内容、計算はブラウザ上で処理されます。ホスティング、ローカルストレージ、現在の広告状況の詳細については、プライバシーポリシーをご覧ください。

プライバシー優先
✳

次の小さな作業を
少しだけ簡単に。

最初のツールを今すぐお試しください。無料、登録不要、簡単です。

始める
✳

例

0px · 8px · 24px · 0px · #000000 · 20%
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.2);

よくある質問

入力内容はサーバーに送信されますか?

画像、テキスト、QRの内容、計算はブラウザ上で処理されます。ホスティング、ローカルストレージ、現在の広告状況の詳細については、プライバシーポリシーをご覧ください。

このツールは無料ですか?

アカウント不要 · ずっと無料