코드, 데이터 및 QR 도구

CSS 변수 생성기

셀렉터를 선택하고 6개의 제한된 변수 행을 편집하세요. 값을 저장하거나 전송하지 않고 escaped 또는 일반 CSS 소스를 복사할 수 있습니다.

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

사용 방법

사용 방법

  1. 유효한 CSS selector와 변수 이름을 입력합니다.
  2. 6개의 제한된 category 값을 편집합니다.
  3. source-only 미리보기를 확인하고 필요한 형식을 복사합니다.

6개의 제한된 category

색상, 간격, 타이포그래피, 반지름, 그림자 및 custom token은 각각 짧은 값 하나를 받습니다. 전체 입력은 공백으로 구분된 100 token으로 제한됩니다.

source-only 안전 경계

미리보기는 생성된 CSS source를 담은 textarea입니다. 값은 HTML, CSS selector 또는 실행 가능한 markup으로 삽입되지 않습니다.

자주 묻는 질문

더 알아보기

임의의 CSS를 붙여넣을 수 있나요?

아니요. selector, 변수 이름 및 값에는 제한된 형식과 길이가 있습니다.

값이 업로드되나요?

아니요. 생성과 복사는 브라우저에서 로컬로 수행되며 저장하거나 네트워크 요청을 하지 않습니다.