Изменить
Мой вопрос касается поведения этих фильтров конкретно в диапазоне 1-0. Применяют ли они внутри себя один и тот же алгоритм или манипуляция каким-то образом отличается? Я не прошу просто цитировать информацию из MDN.
Редактировать 2
Просто сравнивая это своими глазами, они выглядят немного по-другому, но я не уверен.
Код: Выделить всё
@keyframes fadegrayscale {
from {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
to {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
}
@keyframes fadesaturate {
from {
-webkit-filter: saturate(1);
filter: saturate(1);
}
to {
-webkit-filter: saturate(0);
filter: saturate(0);
}
}
img.grayscale {
animation: fadegrayscale 2s linear alternate infinite;
}
img.saturate {
animation: fadesaturate 2s linear alternate infinite;
}Код: Выделить всё
[img]https://baconmockup.com/300/200/[/img]
[img]https://baconmockup.com/300/200/[/img]
Подробнее здесь: https://stackoverflow.com/questions/376 ... d-saturate
Мобильная версия