Испытание: комбинации фильтров [14/14] 99% В чем проблема? 🤔

[rage.pig20]

Здравствуйте!
Столкнулся с такой проблемой: мой результат и образец одинаковы (1:1), но испытание выполнено на 99%.
В чем загвоздка, подскажите

[Ineska]

Тень в первом блоке тоже как фильтр должна быть записана.

[rage.pig20]

Благодарю!

[Blond]

Добрый день!
Подскажите в чем смысл? Последовательность фильтров применяемая к изображению имеет значение?!

[Hierumo]

конечно имеет. каждый последующий фильтр применяется к предыдущей конструкции, а не к исходному изображению

[1tap]

Добрый вечер. Сегодня изучил box-shadow и drop-shadow и теперь путаюсь между ними. Можете посоветовать статью или видео на эту тему, чтобы я хорошо запомнил в них разницу. Если нет, то ничего страшного, я записал их разницу в тетрадь, тогда просто вызубрю. Просто бывает по видео или статье читаю и сразу ясно становится.

[Hierumo]

ну тут относительно просто - drop применяется к изображению, а box - к блоку (как ни странно исходя из названия). помните, что изображение также сидит внутри своего блока <img>

[ansiv]

Интересно, что такая же последовательность фильтров, но hue-rotate(-90deg) дает результат не 100%, а 99%. Интересно, это баги в проверке или действительно разные цвета?

[nebespaleva]

меня этот вопрос и привел сюда) у меня было -90deg и проверка показывала пиксели неверные.
Скорее всего разница есть

[voxman90]

Та же ситуация. На -90deg 99%, на 270deg 100%.

[Nester13]

.combo-1 {
  background-image: url("img/spb-6.jpg");
  filter: drop-shadow(5px 5px 5px #000000) opacity(0.5);
}

.combo-2 {
  background-image: url("img/spb-1.jpg");
  filter: saturate(5) blur(1px);
}

.combo-3 {
  background-image: url("img/spb-3.jpg");
  filter: brightness(1.5) hue-rotate(270deg);
}

100%