Design & CSS
Generați culori și CSS practice cu o previzualizare locală live.
Inventarul raportului de aspect CSS
extrage declarațiile de raport de aspect și rezumă proporțiile unice folosite de o foaie de stil.
Deschide instrumentul →CSS lipicios poziție Checker
găsește regulile de poziționare sticky și raportează dacă fiecare declară o limită de inset utilizabilă.
Deschide instrumentul →CSS Viewport Unitate de inventar
în inventar, unități de viewport clasice, mici, mari și dinamice folosite în CSS-ul lipit.
Deschide instrumentul →Căutător de declarații CSS duplicate
găsiți proprietățile declarate de mai multe ori în aceeași regulă CSS plată pentru o examinare concentrată.
Deschide instrumentul →Inventarul de depășire CSS
preaplinul inventarului, declarațiile overflow-x și overflow-y și rezumă valorile de decupare și derulare.
Deschide instrumentul →Inventarul proprietăților de tranziție CSS
extrage proprietățile CSS tranzitorii din declarațiile shorthand și transition-property.
Deschide instrumentul →Inventar înălțime linie CSS
declarațiile line-height din inventar și clasifică valorile fără unități, relative, absolute și normale.
Deschide instrumentul →Verificator CSS pentru focus vizibil
comparați selectorii focus și focus-visible și semnalați regulile care suprimă contururile focusului de la tastatură.
Deschide instrumentul →Inventar media pentru tipărire CSS
blocuri media de inventar pentru imprimare și declarațiile folosite în mod obișnuit pentru a modela rezultatul tipărit.
Deschide instrumentul →CSS Reducerea mișcării Checker
inspectează regulile prefers-reduced-motion și semnalează declarațiile de mișcare fără o cale explicită de reducere.
Deschide instrumentul →Inventarul afișării fonturilor CSS
strategii de afișare în font în cadrul regulilor font-face și marchează comportamentul de încărcare omis.
Deschide instrumentul →Verificator CSS pentru culori forțate
inspectează interogările media forced-colors și declarațiile forced-color-adjust pentru pregătirea pentru contrast ridicat.
Deschide instrumentul →Inventar de acțiuni tactile CSS
declarările touch-action din inventar și rezumă restricțiile de gesturi din CSS-ul lipit.
Deschide instrumentul →CSS Utilizator Selectați Inventar
inventați declarațiile user-select și evidențiați regulile care dezactivează selectarea textului.
Deschide instrumentul →Inventar de culori accent CSS
declarații de accent-color utilizate pentru stilizarea controalelor native de formular.
Deschide instrumentul →Inventar al proprietății CSS pentru bara de derulare
inspectează proprietățile standard ale barei de derulare și selectorii vechi WebKit pentru bara de derulare în CSS-ul lipit.
Deschide instrumentul →Generator de casete de selectare CSS accesibil
Construiți o casetă de selectare personalizată cu o stare bifată vizibilă, un inel de focalizare a tastaturii și comenzi delimitate pentru dimensiune, rază și culoare, apoi copiați CSS-ul complet local.
Deschide instrumentul →Generator de comutatoare accesibile CSS
Generează un comutator tip toggle responsiv bazat pe checkbox, cu geometrie coerentă a pistei și a butonului, culori active și un stil de focus vizibil la tastatură.
Deschide instrumentul →Generator de forme CSS Clip Path
Alegeți o presetare geometrică limitată și produceți un poligon de cale de clip pregătit pentru standarde, cu o previzualizare în culori live și fără date de proiectare încărcate.
Deschide instrumentul →Generator de modele de fundal CSS
Creați fundaluri ușoare cu puncte, grilă sau dungi diagonale din gradienți CSS, cu spațiere controlată, lățime a trasării și culori în loc de materiale de imagine.
Deschide instrumentul →Generator accesibil de glassmorphism CSS
Compuneți un panou translucid cu culori de rezervă, estompare a fundalului, borduri, raze și valori ale umbrelor, previzualizând în același timp contrastul pe un fundal local controlat.
Deschide instrumentul →Programe similare cu HTML până la SVG Renderer:
Transformați un fragment HTML igienizat într-o pânză SVG scalabilă al cărei text și aspect rămân clare la diferite dimensiuni de afișare.
Deschide instrumentul →Programe similare cu HTML până la PNG Renderer:
Reda HTML igienizat ca o imagine PNG fără pierderi, cu o dimensiune explicită de pânză și opțional de fundal prietenos cu transparența.
Deschide instrumentul →Programe similare cu HTML până la JPG Renderer:
Convertește HTML-ul sanitizat într-o pânză JPEG fotografică compactă pentru previzualizări, schițe de e-mail și materiale grafice pentru rețelele sociale care nu au nevoie de transparență.
Deschide instrumentul →Nu există instrumente care să corespundă pe această pagină.