← Алатки
Дизајн и CSS
Креирајте бои, одговорна големина и CSS подготвена за производство.
Бои и пристапност
CSS распоред и ефекти
- Генератор на Box ShadowПовлечете ги лизгачите за да обликувате box-shadow, наредете слоеви за длабочина и копирајте го готовиот CSS веднаш.
- Генератор на градиентиНаправете линеарен, радијален или коничен градиент, додајте точки на боја, поставете насока и копирајте го CSS-кодот со еден клик.
- Генератор на Border RadiusЗаоблете го секој агол со лизгачи, обликувајте органски форми со елиптичниот режим и копирајте го CSS-кодот веднаш.
- Генератор на FlexboxПоставете flex контејнер и неговите елементи со визуелни контроли, следете ги промените во живо и копирајте го CSS-кодот со еден клик.
- CSS Grid ГенераторПоставете ги Вашите колони и редови, повлечете преку ќелиите за да поставите елементи и копирајте го CSS-кодот за мрежата со соодветниот HTML со еден клик.
- CSS Cubic Bezier ГенераторПовлечете ги двете рачки за да обликувате крива на транзиција, следете го движењето на точката во споредба со рамномерното и копирајте ја вредноста cubic-bezier().
- Калкулатор за CSS clamp()Внесете големина за мали и големи екрани и добијте флуидна clamp() вредност што се скалира непречено помеѓу нив — за големини на фонтови, внатрешни и надворешни маргини или празнини.
Екран, печатење и пропорции
- Претворач на пиксели / DPIПретворете пиксели во инчи, cm и mm при кој било DPI/PPI — подеднакво погодно за дизајн на екрани и за печатење.
- Калкулатор за PPI на екранВнесете резолуција и големина на екранот за да добиете густина на пиксели, големина на точка, физички димензии и повеќе.
- Конвертор од px во rem и emПретворајте меѓу px, rem и em користејќи ги Вашите сопствени основни и контекстуални големини на фонтови — уредете кое било поле и останатите две се ажурираат додека пишувате.
Инспекција и лиценцирање на фонтови
Нема соодветни алатки во оваа категорија.