@jjmail

Как сделать обратную анимацию распада с использования css или javascript (Pixel Dust)?

Всем привет! Нужно реализовать ховер. При наведении на кнопку, должна собираться стрелочка из маленьких частиц. Как лучше всего это реализовать, можно ли сделать без JS ?

Состояние 1:
59d5c669a424c802936831.png

Состояние 2:
59d5c717243b8406407738.png

Состояние 3:
59d5c68854a61338266240.png
  • Вопрос задан
  • 524 просмотра
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Вот как-то так (кроссбраузерность не проверял, но должно работать IE11+).
59d5e110e70d2375505477.gif
По-хорошему стоило бы нарисовать точки в виде SVG-картинки и анимировать ее части, а не div элементы, как я сделал, но общая концепция должна быть понятна. Поведение с опцией hidden можно заменить на :hover у вашей кнопки.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Anna_BS
@Anna_BS
Можно сделать на css, через анимацию(можно добавить рандом смещение точек)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы