Liquid Layout CSS Generator

Colors

CSS Output TypeCSS出力形式 :

Color Setting Here色の詳細設定:

Figure Type

Choose Figure Genre図形タイプ

quadrilateral四角形
triangle三角形
circle円
othersその他

Choose Figure図形

square正方形
rectangle長方形
rhombus菱形
parallelogram平行四辺形
trapezoid台形

EquilateralTriangle正三角形
IsoscelesRightTriangle直角二等辺三角形
Other Trianglesその他

Circle円
Oval楕円
HalfCircle半円
Sector扇形

Regular Polygon正多角形
Regular Star Polygon正多芒星
Greater大なり記号
Arrow矢印

Settings

Displayウィンドウ

Display Widthウィンドウ幅 px: 320 1920

Parametersパラメーター

Detail Types図形の詳細形式: Isosceles二等辺

Right直角

Unspecified指定なし
Width幅 px: 0 500
Width幅 px: 0 500
Height高さ px: 0 500
Height高さ px: 250 750
Degree (Bottom Left)角度（左下） deg: 1 179
Degree角度 deg: 0 360
Rotate回転角 deg: -180 180
Edges頂点数: 3 20
Edges頂点数: 5 20
Interval間隔: 2 2
Thickness厚み px: 1 100

1920px

1920px

Preview

CSS Code

.sample{

}

.sample:before{

}