Привет.
Тк. в тильде нет возможности анимировать заливку шейпа на ховере, кидаешь под него такой же шейп с нужным цветом(который должен быть после изменения)
Выбираешь опять верхний шейп.
У тебя меню шейпа справа, оставляешь Pointer events:auto , потом меню мотаешь вниз.
Последний пункт в меню - step by step animation - жмешь кнопку ADD
Event: on Hover
Loop: none
В разделе Steps добавляешь step 1 по кнопке +add step
И у step 1 ставишь opacity в значение 0, и duration - это длительность анимации.
Вуаля! Что мы сделали: верхний элемент на hover становится прозрачным, показывая такой же элемент под ним, но с другим цветом, визуально выглядит как анимация цвета
Простой
