Дызайн і CSS
Стварайце практычныя колеры і CSS з жывым лакальным папярэднім праглядам.
Інвентар суадносін бакоў CSS
выняць дэкларацыі aspect-ratio і падсумаваць унікальныя прапорцыі, выкарыстаныя табліцай стыляў.
Адкрыць інструмент →Правяральнік прыліплага пазіцыянавання CSS
знайдзі правілы sticky positioning і паведамі, ці абвяшчае кожны з іх прыдатную мяжу inset.
Адкрыць інструмент →Інвентар CSS-адзінак акна прагляду
адзінак viewport inventory classic, small, large і dynamic, выкарыстаных у ўстаўленым CSS.
Адкрыць інструмент →Пошук дублікатаў дэкларацый CSS
знайдзіце ўласцівасці, абвешчаныя больш за адзін раз у межах аднаго простага CSS-правіла для сканцэнтраванага агляду.
Адкрыць інструмент →Інвентар перапаўнення CSS
перапаўненне інвентару, дэкларацыі overflow-x і overflow-y і падсумаваць значэнні абразання і пракруткі.
Адкрыць інструмент →Інвентарызацыя ўласцівасцей CSS-пераходаў
выняць пераходныя ўласцівасці CSS з кароткага запісу і абвяшчэнняў transition-property.
Адкрыць інструмент →Інвентар міжрадковай вышыні CSS
інвентарызаваць дэкларацыі line-height і класіфікаваць значэнні без адзінак вымярэння, адносныя, абсалютныя і normal.
Адкрыць інструмент →Праверка бачнасці фокусу CSS
параўнайце селектары focus і focus-visible і адзначце правілы, якія прыглушаюць абводкі клавіятурнага фокусу.
Адкрыць інструмент →Інвентар друкавых носьбітаў CSS
пералічвае блокі друкаваных матэрыялаў і дэкларацыі, якія звычайна выкарыстоўваюцца для фарміравання друкаванага вываду.
Адкрыць інструмент →Праверка CSS паменшанай анімацыі
правярае правілы prefers-reduced-motion і адзначае дэкларацыі руху без відавочнага шляху для змяншэння.
Адкрыць інструмент →Інвентарызацыя адлюстравання шрыфтоў CSS
аўдыт стратэгій адлюстравання шрыфтоў унутры правілаў font-face і адзначэнне прапушчаных паводзін загрузкі.
Адкрыць інструмент →Праверка прымусовых колераў CSS
праверце медыязапыты forced-colors і дэкларацыі forced-color-adjust на гатоўнасць да высокай кантраснасці.
Адкрыць інструмент →Інвентарызацыя дзеянняў дотыку CSS
інвентарызаваць аб'явы touch-action і падсумаваць абмежаванні жэстаў у ўстаўленым CSS.
Адкрыць інструмент →Інвентар карыстальніцкага выбару CSS
пералічыце дэкларацыі user-select і правілы падсветкі, якія адключаюць вылучэнне тэксту.
Адкрыць інструмент →Інвентар колераў акцэнту CSS
пералічвае дэкларацыі accent-color, якія выкарыстоўваюцца для стылізацыі ўбудаваных элементаў формаў.
Адкрыць інструмент →Інвентар уласцівасцей паласы пракруткі CSS
захаваць стандартныя ўласцівасці паласы пракруткі і састарэлыя селектары scrollbar WebKit у ўстаўленым CSS.
Адкрыць інструмент →Генератар даступных CSS-пераключальнікаў
Стварыце ўласны сцяжок з бачным станам адзначэння, кальцом фокусу клавіятуры і абмежаванымі кіраваннямі памерам, радыусам і колерам, затым скапіруйце поўны CSS лакальна.
Адкрыць інструмент →Генератар даступнага пераключальніка-перамыкача CSS
Стварыце адаптыўны пераключальнік на аснове сцяжка з узгодненай геаметрыяй дарожкі і паўзунка, актыўнымі колерамі і бачнымі пры кіраванні з клавіятуры стылямі фокусу.
Адкрыць інструмент →Генератар формаў шляхоў абразання CSS
Выберыце абмежаваны геаметрычны прэстэт і стварыце гатовы да стандартаў шматвугольнік clip-path з жывым папярэднім праглядам колеру і без загружаных даных дызайну.
Адкрыць інструмент →Генератар шаблонаў фону CSS
Стварайце лёгкія фоны з кропак, сеткі або дыяганальных палос з CSS-градыентаў, з кантраляванымі інтэрваламі, таўшчынёй ліній і колерамі замест выявы-актываў.
Адкрыць інструмент →Генератар даступнага CSS-стылю Glassmorphism
Стварыце напаўпразрыстую панэль з запасным колерам, размыццём фону, значэннямі рамкі, радыусу і ценю, адначасова праглядаючы кантраст на кантраляваным лакальным фоне.
Адкрыць інструмент →HTML у SVG-вываднік
Ператварыце ачышчаны фрагмент HTML у маштабаваны палатно SVG, чый тэкст і макет застаюцца выразнымі пры розных памерах адлюстравання.
Адкрыць інструмент →Рэндэрынг HTML у PNG
Пераўтварыце ачышчаны HTML у PNG-малюнак без страт з зададзеным памерам палатна і неабавязковым фонам, зручным для празрыстасці.
Адкрыць інструмент →Рэндэрэр HTML у JPG
Пераўтварыце ачышчаны HTML у кампактны фотаздымак JPEG canvas для папярэдніх праглядаў, чарнавікоў электронных лістоў і сацыяльных ілюстрацый, якім не патрэбная празрыстасць.
Адкрыць інструмент →На гэтай старонцы няма адпаведных інструментаў.