CSS: color-mix и color-contrast
стили для родителя,содержащего определенный дочерний элемент
В CSS появились новые возможности управления значением <color>
: color-mix()
и color-contrast()
Пока еще экспериментальная функциональная нотация color-contrast()
берет указанное значение цвета и сравнивает его с остальным списком, выбирая наиболее контрастное значение:
color-contrast(wheat vs tan, sienna, #d2691e)
color-contrast(#008080 vs olive, var(--myColor), #d2691e)
Функциональная нотация color-mix()
принимает два цветовых значения и возвращает результат их смешивания в заданном цветовом пространстве и количестве.
color-mix(in lab, plum 60%, #f00 50%)
Спасибо за внимание.