Keyframes — как правильно задать цвет элементу с такой анимацией?

Question

[Михаил Р.]

Всем привет!
Вопрос 1: Как правильно задать цвет элементу (тексту или svg иконке), который будет плавно 'перекрашивать' элемент с низу и до верху? Визуально, примерно аналогично тому, как наливаем темную воду в бутылку...
Вопрос 1: Как правильно сделать аналогичное вопросу 2, но теперь 'перекрашивание' идет уже из центра и до краев элемента?

Спасибо!

Answer 1

[Negwereth]

CSS Gradients:
1. linear;
2. radial;

Comments

[Михаил Р.]

не получается, не могли-бы Вы показать на примере?

[Negwereth]

Mike Ro, https://jsfiddle.net/ax2fLdg9/3/

Answer 2

[Влад Скляр]

Почитайте