CSS box-shadow生成ツール

カラー

box-shadow生成ツールは、オフセット、ぼかし、広がり、色からCSSのbox-shadow値を作成するツールです。

AI支援翻訳をレビュー中

このページはAIの支援で翻訳され、まだ専門家によるレビューを完了していません。重要な判断の前に、引用元をご確認ください。

概要

box-shadowプロパティは要素のまわりに影を追加します。パラメーターで水平・垂直のオフセット、ぼかし、広がり、色を制御します。

box-shadow = x y ぼかし 広がり 色

使い方

  1. 1オフセット、ぼかし、広がりを調整します。
  2. 2影の色を選びます。
  3. 3CSSのbox-shadow値をコピーします。

参照表

CSS box-shadow生成ツール 参照表
入力結果
サンプルCSSのbox-shadow値

出典・基準

よくある質問

広がり(spread)の値は何のためにありますか？

spreadの値は、ぼかしを適用する前に、要素に対する影のサイズを大きくしたり小さくしたりします。

データはサーバーに送信されますか？

いいえ。このツールはブラウザ内で動作し、データをサーバーに送信しません。

関連ツール