FLXCSS Flexbox 생성기

CSS Flexbox 레이아웃을 시각적으로 생성

1

2

3

4

5

flex-direction

justify-content

align-items

flex-wrap

Gap:10px

Items:5

display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
gap: 10px;

🔗관련 도구🎨 CSS 도구

색상 팔레트 생성기

기준 색상으로 보색·유사색·3분할·4분할·단색조 팔레트 생성 (HEX/RGB/HSL 동시 출력)

CSS 테두리 둥글기 생성기

CSS border-radius를 시각적 미리보기로 생성

CSS 그라데이션 생성기

CSS 선형/원형 그라데이션을 시각적으로 생성

CSS 박스 쉐도우 생성기

CSS box-shadow를 시각적 미리보기로 생성