Hello KeyboardMga tool
Code, data, at QR na tool

Tagabuo ng mga CSS Variable

Pumili ng selector at i-edit ang anim na bounded variable row. Kopyahin ang escaped o plain CSS source nang walang pag-save o pagpapadala.

Lokal na pinoproseso sa browserHindi kailangan ng accountMga detalye ng pagkapribado ↗

Paano gamitin

Paano gamitin

  1. Maglagay ng wastong CSS selector at variable name.
  2. I-edit ang anim na bounded category value.
  3. Suriin ang source-only preview at kopyahin ang format na kailangan.

Anim na bounded category

Ang color, spacing, typography, radius, shadow, at custom token ay tumatanggap ng tig-isang maikling value. 100 whitespace-separated token ang kabuuang limit.

Hangganan ng source-only safety

Textarea na source ng CSS ang preview. Hindi inilalagay ang value bilang HTML, CSS selector, o executable markup.

Mga madalas itanong

Maaari mo ring alamin

Maaari ba akong mag-paste ng arbitrary CSS?

Hindi. May bounded format at haba ang selector, variable name, at value.

Ina-upload ba ang values ko?

Hindi. Lokal sa browser ang pagbuo at pagkopya, walang persistence o network request.

Iba pang tool na subukan

I-browse lahat ↗
Code, data, at QR na tool

CSS Formatter at Beautifier

I-format, pagandahin, o paliitin nang lokal sa browser ang CSS gamit ang nababasang indent at ligtas na paghawak sa mga komento at string.

Code, data, at QR na tool

Tagabuo ng unti-unting pagbabago ng kulay saCSS

Gumawa ng tuwid o pagbabago mula sa gitna ng kulay saCSS gamit ang dalawa hanggang anim na nakaayos na hangganan ng kulay, paunang tanaw at deklarasyon ng likuran na handang kopyahin.