Тут уже нужно применять магию с блоком, которы двигается поверх того, что появляется с линейным градиентом который идёт сверху вниз по типу linear-gradient(to top, #fff, transparent) и синхронизировать анимации. Если вы новичёк, не думаю что у вас это сразу получится.
Игорь Николаевич: PNG SVG
Но в этот раз у меня получилось нормально, судя по внешнему виду. А может и не получилось, как это в принципе понять? Наличием .svg файла, который не смазывается если его менять местами с .png? . Похоже на то. что я не правильный настройки векторизации растра ставил.
Хотя может вам и это подойдет?
https://www.tutorialspoint.com/css/css_animation_f...