Верстка · Senior · Запитання 30 з 75
Для чого color-mix(in oklch, var(--brand) 80%, white)?
- ✓Правильна відповідь: Для змішування кольорів у CSS - світлий відтінок бренду без хардкоду
- 2Для автоматичного вибору контрастного кольору тексту на фоні бренду
- 3Для плавної анімації переходу між двома кольорами за 80% часу
Пояснення
color-mix() змішує кольори у вказаному колірному просторі в заданій пропорції. Це дає змогу виводити hover-стани, напівпрозорі варіанти (color-mix(in srgb, red, transparent 50%)) і відтінки з однієї змінної бренду. Tailwind v4 через нього реалізує модифікатори прозорості на кшталт bg-brand/50.