코드, 데이터 및 QR 도구

스트라이프 패턴 메이커

가벼운 스트라이프 배경을 조정하고 로컬에서 미리 본 다음 CSS를 복사하거나 다운로드하세요.

브라우저에서 로컬 처리가입 불필요개인정보 안내 ↗

너비와 간격은 1–96px, 각도는 0–180°로 제한됩니다.

사용 방법

사용 방법

  1. 전경색과 배경색을 고르고 스트라이프 방향을 선택합니다.
  2. 범위가 제한된 컨트롤로 너비, 간격, 각도를 설정합니다.
  3. CSS를 복사하거나 작은 스타일시트로 다운로드합니다.

CSS 전용 스트라이프 배경

브라우저에서 repeating-linear-gradient로 생성하며 이미지, canvas, 업로드, 외부 요청, 종속성이 필요하지 않습니다.

값의 범위

너비와 간격은 1–96px, 각도는 0°–180°로 제한됩니다.

자주 묻는 질문

더 알아보기

어떤 요소에도 사용할 수 있나요?

네. background 선언을 요소나 재사용 CSS 클래스에 붙여 넣으세요.

색상이 업로드되나요?

아니요. 모든 작업은 브라우저에서 로컬로 처리됩니다.

방향을 바꾸면 각도가 바뀌는 이유는 무엇인가요?

수평과 수직은 0° 또는 90°를 사용하고 대각선은 선택한 각도를 사용합니다.