это на самом деле не ответ. Это просто мое мнение.
Во-первых, я могу сказать, что анимация в мире CSS / JS - одна из самых сложных частей, когда-либо существовавших, как из-за визуального эффекта, так и из-за технического решения.
С один и тот же визуальный эффект, у нас может быть много технических решений с разными способами. Но вам нужно много чего достичь. Например, вы можете разделить изображение на более мелкие части и написать свой собственный CSS, написать свой собственный код Javascript для отображения каждой части. И это займет часы или дни, чтобы погрузиться в детали. Помимо этого, вам необходимо знать о поддержке браузером ваших пользовательских CSS. И в конце концов, вы должны больше заботиться о производительности при вычислении позиции, цвета и т. Д. c в Javascript коде.
Я совершенно не упоминал о других вещах, например о том, где вы разместите этот компонент с этой анимацией в. Например, это должно быть легко, когда на вашей странице только этот lo go. Но история усложняется, например, если вы хотите иметь темный режим. А затем вам нужно интегрировать все эти части в React, Vue или Angular. Это совершенно новая история.
Давайте поговорим о библиотеках анимации. Есть так много библиотек, которые могут вам помочь, но может быть. Потому что все они должны поддерживаться для очень простых c анимаций. Для более сложной анимации без четкой формы визуализации вы go вернетесь, чтобы написать свой собственный сценарий.
Вернитесь к вашему вопросу, возможно, вам нужно написать собственный код, чтобы сделать что-то вроде:
- Покажите свое изображение от до вниз.
- После этого нарисуйте круг со свечением и также вычислите правильное время.
- Выполните сотни раз на два шага выше, пока вы довольны поведением.
Опять же, анимация никогда не была простой проблемой.