CSSボックスシャドウ生成
ボックスシャドウをリアルタイムで確認し、位置、ぼかし、広がり、色、透明度を調整します。
影のプレビュー
PitaTools
特徴
- 5つの影パラメーター
- 色・透明度・inset指定
- CSSをワンクリックコピー
Steps
使い方
- 各スライダーを調整します。
- プレビューを確認します。
- 完成したCSSをコピーします。
PitaTools
活用例
- カードUIの影作成
- モーダルの浮遊感調整
- 内側の影の作成
Example
入力例・結果例
- 入力例
- 加工したい画像、色、サイズなどの設定
- 結果例
- 5つの影パラメーター
ファイルや複数項目を使うツールでは、安全のためサンプルを自動選択せず利用イメージのみ表示します。
Privacy
プライバシーとデータ処理
公開中の101ツールはすべてブラウザ完結です。入力した文章、URL、画像、PDF、ファイル、パスワードをPitaToolsのサーバーへ送信せず、端末内で処理します。
FAQ
よくある質問
複数の影を重ねられますか？
現在は1つの影を生成します。
Explore · 画像・デザイン
関連ツール
同じカテゴリのツールを続けて利用できます。
Feedback
不具合報告・改善要望
「CSSボックスシャドウ生成」についてお気づきの点を運営者へお知らせください。