Как сделать анимацию CSS?

Question

[Конфеты Детям]

Всем доброго времени суток!
Столкнулся с проблемой, которую так и не смог решить самостоятельно, в виду некомпетентности в данной сфере.
Суть в следующем. Необходимо с помощью css (если возможно) организовать анимацию подетального появления иконок, как продемонстрировано на gif.
Буду невероятно признателен за помощь.

Comments

[AlexandrBirukov]

наверное проще всего так: иконка состоит из двух картинок и при наведении появляется сначала одна картинка, а потом другая
https://html5book.ru/css3-animation/

[Конфеты Детям]

Все равно не понял, как это сделать(

Answer 1

[dmNAr]

https://learn.javascript.ru/css-transitions
Конкретно различные движения описаны здесь:
https://webref.ru/course/css-advanced/animation

Answer 2

[pzz]

как вариант , взять иконки в svg и скрывать\показывать нужные части https://jsfiddle.net/k721ccpj/5/