Итак, мы рассмотрели все существующие CSS-фильтры. Самое время проверить силы в испытании.

Вам нужно понять, какие фильтры применены к фотографиям и задать фильтрам подходящие значения в CSS.

Все значения фильтров целые. Если это допустимо, то кратны 5.

Подсказки:

Для полной инверсии цветов фотографии нужно задать фильтр invert со значением 1 или 100%.

Решение

Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.

.img-1 {
  filter: contrast(5);
}

.img-2 {
  filter: invert(1);
}

.img-3 {
  filter: sepia(1);

}

.img-4 {
  filter: hue-rotate(180deg);
}

.img-5 {
  filter: grayscale(1);
}

.img-6 {
  filter: saturate(5);
}