@xenonhammer

Как написать такую красоту на javascript?

Не прошу писать код, просто хочется понять, как это работает.
Предполагаю есть несколько площадей при попадании на которые срабатывает setTimeOut с разным интервалом. По мере приближения к кнопке происходит попадание на заданные площади и уже определяет частоту происходящих сердцебиений или каких либо других событий, как вы думаете?
видео
я еще толком ничего не понимаю в js. Учусь, по этому все ваши гипотезы будут мне отдушиной!
  • Вопрос задан
  • 621 просмотр
Решения вопроса 3
lazalu68
@lazalu68
Salmon
Можно например внутри элемента с сердечком создать прозрачный абсолютно спозиционированный оверлей; при попадании на него курсора мыши 1) включать анимацию сердчека и 2) устанавливать скорость анимации и цвет сердечка в зависимости от расстояния до центра оверлея

Апдейт: СДЕЛАЛ ЧЁРТОВ ПРИМЕР! Полтора дня делал. Вот: https://jsfiddle.net/lucifer63/41y3qdu9/
Это эталонный пример говнокода, но я чо-то не смог проще сделать
Ответ написан
DcFanoiD
@DcFanoiD
Full Stack : web
mousemove. определяем позицию иконки и позицию курсора. В зависимости от расстояния между позициями меняем нужные css свойства, например animation-duration у иконки соответственно ускоряя или уменьшая скорость анимации.
Ответ написан
iiiBird
@iiiBird
Пока ты спишь - твой конкурент совершенствуется
без js примерно так. но есть косяк анимации. слишком явный переход и видно дрыганье.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
20 янв. 2021, в 13:22
3000 руб./за проект
20 янв. 2021, в 12:56
1500 руб./в час
20 янв. 2021, в 12:53
20000 руб./за проект