CSS Generator
CSSプロパティをビジュアルに生成
水平オフセット (X)
5px
垂直オフセット (Y)
5px
ぼかし
15px
広がり
0px
色
不透明度
25%
Box Shadow
CSS
左上
20px
右上
20px
右下
20px
左下
20px
Border Radius
CSS
タイプ
方向
角度90°
開始色
終了色
プリセット
Gradient
CSS
水平オフセット (X)
2px
垂直オフセット (Y)
2px
ぼかし
4px
シャドウ色
不透明度
50%
テキスト色
Text Shadow
CSS
回転 (Rotate)
0°
スケール (Scale)
1
X方向移動 (TranslateX)
0px
Y方向移動 (TranslateY)
0px
傾斜X (SkewX)
0°
傾斜Y (SkewY)
0°
Transform
CSS
flex-direction
justify-content
align-items
flex-wrap
gap
10px
1
2
3
4
CSS
列数 (Columns)
3
行数 (Rows)
2
gap
10px
justify-items
align-items
CSS
ふきだしテキスト
ふきだしの向き
しっぽの太さ
24px
しっぽの長さ
20px
しっぽの角度
0°
しっぽの位置
50%
先端の丸み
0px
ボーダー太さ
0px
ボーダー色
余白
16px
フォントサイズ
16px
角丸
16px
背景色
文字色
CSS