Pt
PowerUtils

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

視覚的にCSSボックスシャドウコードを生成します。

使い方

  • •Adjust sliders to set shadow parameters
  • •Preview effect in real-time
  • •Click to copy CSS code
  • •Paste into your stylesheet
4px
4px
10px
0px
Box
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.3);

よくある質問

関連ツール

CSSグラデーション生成ツール
線形および放射状のCSSグラデーションを視覚的に生成します。
カラー変換ツール
HEX、RGB、HSL、HSVカラーフォーマットを相互に変換します。
Flexbox生成ツール
Flexboxレイアウトを視覚的に調整し、CSSコードを生成します。
フィードバック

フィードバック