- Теория
- Теория
Цветовые функции, шаг 3
Ещё две Less-функции для работы с цветом: saturate и desaturate. Они увеличивают и уменьшают насыщенность заданного цвета. Их синтаксис такой же как и у lighten/darken:
color: saturate(green, 20%); // green насыщеннее на 20%
color: desaturate(blue, 50%); // blue бледнее на 50%Функцию desaturate мы используем для создания стиля «отключённой» кнопки. Совместно с desaturate воспользуемся lighten, чтобы сделать кнопку бледной и светлой. Одновременно функции цвета можно использовать так:
// цвет светлее красного на 50% и насыщеннее на 20%
color: saturate(lighten(red, 50%), 20%);
// цвет темнее синего на 20% и бледнее на 50%
color: desaturate(darken(blue, 20%), 50%);То есть функции можно «вкладывать» друг в друга, используя их в качестве аргументов.
Минимальный вид табов
- index.html
HTML
HTML
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
100%