Я хочу создать интересный эффект, при котором кольцо или круг при наведении на них разбивается на более мелкие частицы или элементы, которые рассеиваются или вытекают наружу, подобно тому, как вода растекается и собирается обратно в исходное положение. Как можно добиться такого эффекта с помощью CSS-анимаций и обработки событий JavaScript.
Вот пример (пожалуйста, откройте версию для ПК, так как она может не работать в мобильной версии.)
Как мне добиться эффекта, похожего на тот, что есть у этого зеленого круга, для логотипа/изображения птицы?
Каков будет ваш подход? Пожалуйста, объясните его пошагово, так как я новичок в html, css и js.
Какая существующая комбинация технологий frontend и backend (если она необходима) использовалась codeglo для достижения этого эффекта? Как можно это точно предположить?