Dizains un CSS
Ģenerējiet praktiskas krāsas un CSS ar tiešraides vietējo priekšskatījumu.
CSS malu attiecība Inventārs
izgūt aspect-ratio deklarācijas un apkopot unikālās izmantotās proporcijas stillapā.
Atvērt rīku →CSS Sticky pozīcijas pārbaudītājs
atrodiet sticky pozicionēšanas noteikumus un ziņojiet, vai katrs no tiem nosaka lietojamu ieliktņa robežu.
Atvērt rīku →CSS skatloga vienības inventārs
inventarizējiet klasiskās, mazās, lielās un dinamiskās skatpunkta vienības, kas tiek izmantotas ielīmētajā CSS.
Atvērt rīku →CSS dublikātu deklarācijas meklētājs
atrodiet īpašības, kas tajā pašā vienkāršajā CSS noteikumā ir deklarētas vairāk nekā vienu reizi, lai tās rūpīgi pārskatītu.
Atvērt rīku →CSS pārplūdes inventārs
inventāra pārpilde, overflow-x un overflow-y deklarācijas un apkopojiet apcirpšanas un ritināšanas vērtības.
Atvērt rīku →CSS pārejas īpašuma uzskaite
izvilkt pārejas CSS īpašības no shorthand un transition-property deklarācijām.
Atvērt rīku →CSS līnijas augstuma uzskaite
inventarizēt line-height deklarācijas un klasificēt bezvienību, relatīvās, absolūtās un normālās vērtības.
Atvērt rīku →CSS fokusa redzamības pārbaudītājs
salīdziniet focus un focus-visible atlasītājus un atzīmējiet noteikumus, kas nomāc tastatūras fokusa kontūras.
Atvērt rīku →CSS drukas mediju inventārs
inventarizēt drukas mediju blokus un deklarācijas, ko parasti izmanto, lai veidotu drukāto izvadi.
Atvērt rīku →CSS samazinātas kustības pārbaudītājs
Pārbaudiet prefers-reduced-motion noteikumus un atzīmējiet kustības deklarācijas bez skaidri norādīta samazināšanas ceļa.
Atvērt rīku →CSS fontu displeja inventārs
inventarizēt font-display stratēģijas font-face noteikumos un atzīmēt izlaisto ielādes uzvedību.
Atvērt rīku →CSS piespiedu krāsu pārbaudītājs
pārbaudiet forced-colors multivides vaicājumus un forced-color-adjust deklarācijas augsta kontrasta gatavībai.
Atvērt rīku →CSS Touch darbības inventārs
inventarizēt skārienu darbību deklarācijas un apkopot žestu ierobežojumus ielīmētajā CSS.
Atvērt rīku →CSS Lietotājs Izvēlieties Inventārs
uzskaitiet user-select deklarācijas un izcelšanas noteikumus, kas atspējo teksta atlasi.
Atvērt rīku →CSS akcentu krāsu inventārs
inventarizēt accent-color deklarācijas, ko izmanto, lai stilizētu vietējo formu vadīklas.
Atvērt rīku →CSS ritjoslas īpašuma uzskaite
pārskatiet standarta ritjoslas īpašības un vecā WebKit ritjoslas atlasītājus ielīmētajā CSS.
Atvērt rīku →Piekļūstams CSS izvēles rūtiņu ģenerators
Izveido pielāgotu izvēles rūtiņu ar redzamu atzīmēto stāvokli, tastatūras fokusa apmali un kontrolēm ierobežotam izmēram, rādiusam un krāsai, pēc tam nokopē pilno CSS lokāli.
Atvērt rīku →Pieejams CSS pārslēga slēdža ģenerators
Izveido atsaucīgu izvēles rūtiņā balstītu pārslēgšanas slēdzi ar saskaņotu sliedes un slīdņa ģeometriju, aktīvajām krāsām un ar tastatūru redzamu fokusa noformējumu.
Atvērt rīku →CSS klipu ceļa formas ģenerators
Izvēlieties ierobežotu ģeometrisku sākotnējo iestatījumu un izveidojiet standartiem gatavu clip-path daudzstūri ar tiešo krāsu priekšskatījumu un bez augšupielādētiem dizaina datiem.
Atvērt rīku →CSS fona rakstu ģenerators
Izveidojiet vieglus punktu, režģa vai diagonālu svītru fonus no CSS gradientiem, ar kontrolētu atstarpi, svītru platumu un krāsām, nevis attēlu resursiem.
Atvērt rīku →Pieejams CSS glassmorphism ģenerators
Izveidojiet caurspīdīgu paneli ar rezerves krāsu, fona izpludinājuma, apmales, rādiusa un ēnas vērtībām, vienlaikus priekšskatot kontrastu uz kontrolēta lokāla fona.
Atvērt rīku →HTML uz SVG atveidotājs
Pārveido sanitizētu HTML fragmentu par mērogojamu SVG audeklu, kura teksts un izkārtojums saglabā asumu dažādos displeja izmēros.
Atvērt rīku →HTML uz PNG atveidotājs
Renderēt attīrītu HTML kā bezzaudējumu PNG attēlu ar skaidri noteiktu audekla izmēru un pēc izvēles caurspīdīgumu atbalstošu fonu.
Atvērt rīku →HTML uz JPG pārveidotājs
Pārvērst sanitizētu HTML kompaktā fotogrāfiskā JPEG audeklā priekšskatījumiem, e-pasta melnrakstiem un sociālo tīklu vizuāliem materiāliem, kuriem nav vajadzīga caurspīdība.
Atvērt rīku →Šajā lapā nav atbilstošu rīku.