В чем разница между фильтром CSS3 в оттенках серого и насыщением?CSS

Разбираемся в CSS
Ответить
Anonymous
 В чем разница между фильтром CSS3 в оттенках серого и насыщением?

Сообщение Anonymous »

Я знаю, что диапазон оттенков серого от 0 до 1, конечно, противоположен диапазону насыщенности от 1 до 0, но кроме этого они ведут себя совсем по-другому?
Изменить
Мой вопрос касается поведения этих фильтров конкретно в диапазоне 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»