Інструменти CSS

Перетягуйте повзунки, щоб заокруглити кожен кут, і скопіюйте CSS border-radius.

Налаштуйте повзунки зміщення, розмиття, розтягнення й кольору, а потім скопіюйте CSS box-shadow.

Створіть тінь візуально та отримайте точний об'єкт стилю React Native для iOS і Android.

Сформуйте кастомну криву плавності за допомогою повзунків, перегляньте анімацію та скопіюйте CSS cubic-bezier().

Введіть свій текст, виберіть два кольори гліча та скопіюйте анімований CSS + HTML для ефекту розщеплення кольору.

Створіть CSS-анімацію завантаження — обертову, стрибучу чи пульсуючу — і скопіюйте CSS + HTML.

Стилізуйте заокруглену галочку, перемикач-тумблер чи чекбокс у вигляді заповненого кола та скопіюйте CSS.

Налаштуйте розмір, кольори й заокруглення, а потім скопіюйте доступний тогл-перемикач на основі чекбокса як HTML і CSS.

Виберіть напрямок, розмір і колір, а потім скопіюйте трикутник на чистому CSS, побудований прийомом із border.

Налаштуйте прозорість фону, розмиття, рамку й радіус, щоб створити картку з ефектом матового скла, а потім скопіюйте CSS.

Оберіть візерунок (крапки, смуги, шахівниця, сітка), налаштуйте колір і розмір, потім скопіюйте CSS.

Створюйте лінійні та радіальні градієнти з кольоровими точками й повзунком кута, а потім скопіюйте CSS.

Оберіть готову форму, перегляньте обрізку наживо та скопіюйте згенерований CSS для clip-path.

Знайдіть будь-який стандартний колір Tailwind в обох напрямках: hex у назву класу, або назву класу в hex/RGB — плюс повна палітра для перегляду.

Конвертуйте коди кольорів Pantone (PMS), CMYK, RGB та Hex в обох напрямках, із можливістю пошуку серед 1341 кольору Pantone.

Оберіть будь-який колір візуально або зчитайте його з завантаженого зображення, з виводом HEX, RGB і HSL та кнопками копіювання.