Я считаю, что вы могли бы добиться этого с помощью сложной, но выполнимой keyframes анимации.С on:hover, установленным следующим образом: element1:hover {animation: name | duration | ease-type | iteration-count;} Если вы не знакомы с @keyframes, вы работаете с процентами фазы анимации.Аналогичный эффект был достигнут с помощью этого Code Pen , или вы можете подробно изучить ключевые кадры с помощью w3schools или MozillaCDN
Надеюсь, это помогло вам в ваших начинаниях.?